子窗口、父窗口和Silverlight之间的相互调用
更新时间：2010年08月16日 23:35:14 作者：
前两天做 silverlight 的东西，主页面打开一个子页面，然后子页面中包含一个 silverlight 应用程序那难免会涉及到他们三者相互调用的问题
其实，他们之间的调用还是很简单的~
基础篇
一、父页面调用子页面中的JS
我们先创建一个子窗体
var win
$(function () {
Root = $('#Root').val();//设置根目录
});
function OpenPlayer(id, type, add) {
//这里是用来限制同一个窗口只能弹出一次的
//其实就算不做限制，只要window.open参数中的name相同，就不会重复打开
//window.open中的参数可以参考别的文章，有很多
if (win == null || win.closed) {
win = window.open('http://loaclhost/sl.aspx', 'win', 'width=870,height=650,top=1,left=0,scrollbars=0,resizable=0,status=1', true);
}
那怎么调用呢？
this.alert('hello world!');
win.alert('hello world!');
win.onload = function () { this.alert('test'); };
众所周知，第一行是在本窗口弹出一个提示框（this可以一般都会省略~）
那其实，this和win指向的是同类型，不同的对象罢了
所以，他们的方法都是一样的。
第二行就是在子窗口中弹出一个提示框的代码。
你还可以在父窗体中写子窗体的事件~
第三行的作用是，当子窗体加载完成后，父窗口弹出提示框。
二、子窗体调用父窗体
这个和上面差不多，当父窗体打开一个子窗体后，你可以这样访问到父窗体
window.opener
这个对象就是父窗体，直接调用相应的函数即可
三、子窗体调用silverlight函数或对象
这个在MSND上有详细介绍，中文的~在这里，我帮大家提一下主要的几个步骤（调用silverlight对象的方法就不贴出来了，里面有）
另附 传送门：
1、现在silverlight中，给需要被调用的函数加上一个attribute——ScriptableMember
// MyScriptableManagedType.cs
using System.Windows.Browser;
namespace HB {
public class MyScriptableManagedType {
[ScriptableMember()]
public string MyToUpper(string str) {
return str.ToUpper();
}
[ScriptableMember()]
public string Name { get; set; }
}
}
2、在构造函数中注册这个对象
MyScriptableManagedType smt = new MyScriptableManagedType();
HtmlPage.RegisterScriptableObject("mySLapp", smt);
//如果这个函数不是外部类中的函数，而是sl主体的函数，那直接传入this指针就可以了
3、打开slverlight所在的页面
在 Silverlight 对象标记中，添加具有值"pluginLoaded"的 onLoad 属性。
下面的示例演示用于 Silverlight 控件引用的 HTML 标记。
<object data="data:application/x-silverlight-2,"
type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/HB.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="onLoad" value="pluginLoaded" />
<!-- ... -->
</object>
4、在页上现有的 script 元素中，添加 pluginLoaded 方法的 JavaScript 函数。
使用 getHost 方法获取对 Silverlight 控件的引用。下面的示例演示 pluginLoaded 方法的 JavaScript 代码。
<script type="text/javascript">
var slCtl=null;
function pluginLoaded(sender,args){ // HTML version
slCtl = sender.getHost();
alert( slCtl.Content.mySLapp.MyToUpper("test string"));
}
</script>
四、silverlight调用子窗体中的js
同样，也是MSDN上的文章~ 传送门：
这个超级简单，直接：
HtmlPage.Window.Invoke("MethodName", args);
前面一个参数是函数名，后面的参数是这个函数需要传入的参数
提高篇
五、父页面打开子页面的时候，直接给silverlight传入参数
这个主要是在初始化的时候用到
在第一部部分中，我们打开了 http://loaclhost/sl.aspx 这个子窗口
这时候，我们可以用GET方式传入一些参数 例如：http://loaclhost/sl.aspx?id=1
然后在silverlight中这样访问：
string id = HtmlPage.Document.QueryString["id"];
六、怎么样才能把子窗口前置？
我的子页面中的silverlight应用程序其实是一个音乐播放器，然后，所以子页面一般是最小化的。
但是，当我在silverlight应用程序里弹出MessageBox的时候它还是处于最小化状态… 这样对用户很不友好。
想要把子窗口前置的话，只能通过在父窗口中调用 win.focus() 函数
但是，我们只要稍微处理一下，在父窗口，子窗口，sl中就都可以实现这个目的了
所以可以这样做：
1、在父窗口中写一个函数，叫Focus()
然后调用 win.focus();
2、在子窗口中写一个函数，叫Focus()
调用 window.opener.Focus()
3、最后，如果想让silverlight应用程序前置，你在父窗口或者子窗口中调用Focus()这个函数，也可以再silverlight中调用子窗口的Focus()函数
七、怎么判断silverlight已经加载完成？
下面有几个思路，有对有错
（√）在silverlight应用程序的构造函数中，调用子页面或者父页面（通过子页面）的js 【这个方法可行，但是略显麻烦】
（×）在子页面中 写 window.onload 事件 【这个事件触发的时候silverlight不一定加载完成】
（√）还记得第三部分，第3步里的这个吗？ <param name="onLoad" value="pluginLoaded" /> 【推荐做法】
加入这条以后，silverlight加载完成后就出触发子页面的这个函数 函数名可以更改
基础篇
一、父页面调用子页面中的JS
我们先创建一个子窗体
复制代码 代码如下:
var win
$(function () {
Root = $('#Root').val();//设置根目录
});
function OpenPlayer(id, type, add) {
//这里是用来限制同一个窗口只能弹出一次的
//其实就算不做限制，只要window.open参数中的name相同，就不会重复打开
//window.open中的参数可以参考别的文章，有很多
if (win == null || win.closed) {
win = window.open('http://loaclhost/sl.aspx', 'win', 'width=870,height=650,top=1,left=0,scrollbars=0,resizable=0,status=1', true);
}
那怎么调用呢？
复制代码 代码如下:
this.alert('hello world!');
win.alert('hello world!');
win.onload = function () { this.alert('test'); };
众所周知，第一行是在本窗口弹出一个提示框（this可以一般都会省略~）
那其实，this和win指向的是同类型，不同的对象罢了
所以，他们的方法都是一样的。
第二行就是在子窗口中弹出一个提示框的代码。
你还可以在父窗体中写子窗体的事件~
第三行的作用是，当子窗体加载完成后，父窗口弹出提示框。
二、子窗体调用父窗体
这个和上面差不多，当父窗体打开一个子窗体后，你可以这样访问到父窗体
window.opener
这个对象就是父窗体，直接调用相应的函数即可
三、子窗体调用silverlight函数或对象
这个在MSND上有详细介绍，中文的~在这里，我帮大家提一下主要的几个步骤（调用silverlight对象的方法就不贴出来了，里面有）
另附 传送门：
1、现在silverlight中，给需要被调用的函数加上一个attribute——ScriptableMember
复制代码 代码如下:
// MyScriptableManagedType.cs
using System.Windows.Browser;
namespace HB {
public class MyScriptableManagedType {
[ScriptableMember()]
public string MyToUpper(string str) {
return str.ToUpper();
}
[ScriptableMember()]
public string Name { get; set; }
}
}
2、在构造函数中注册这个对象
复制代码 代码如下:
MyScriptableManagedType smt = new MyScriptableManagedType();
HtmlPage.RegisterScriptableObject("mySLapp", smt);
//如果这个函数不是外部类中的函数，而是sl主体的函数，那直接传入this指针就可以了
3、打开slverlight所在的页面
在 Silverlight 对象标记中，添加具有值"pluginLoaded"的 onLoad 属性。
下面的示例演示用于 Silverlight 控件引用的 HTML 标记。
复制代码 代码如下:
<object data="data:application/x-silverlight-2,"
type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/HB.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="onLoad" value="pluginLoaded" />
<!-- ... -->
</object>
4、在页上现有的 script 元素中，添加 pluginLoaded 方法的 JavaScript 函数。
使用 getHost 方法获取对 Silverlight 控件的引用。下面的示例演示 pluginLoaded 方法的 JavaScript 代码。
复制代码 代码如下:
<script type="text/javascript">
var slCtl=null;
function pluginLoaded(sender,args){ // HTML version
slCtl = sender.getHost();
alert( slCtl.Content.mySLapp.MyToUpper("test string"));
}
</script>
四、silverlight调用子窗体中的js
同样，也是MSDN上的文章~ 传送门：
这个超级简单，直接：
HtmlPage.Window.Invoke("MethodName", args);
前面一个参数是函数名，后面的参数是这个函数需要传入的参数
提高篇
五、父页面打开子页面的时候，直接给silverlight传入参数
这个主要是在初始化的时候用到
在第一部部分中，我们打开了 http://loaclhost/sl.aspx 这个子窗口
这时候，我们可以用GET方式传入一些参数 例如：http://loaclhost/sl.aspx?id=1
然后在silverlight中这样访问：
string id = HtmlPage.Document.QueryString["id"];
六、怎么样才能把子窗口前置？
我的子页面中的silverlight应用程序其实是一个音乐播放器，然后，所以子页面一般是最小化的。
但是，当我在silverlight应用程序里弹出MessageBox的时候它还是处于最小化状态… 这样对用户很不友好。
想要把子窗口前置的话，只能通过在父窗口中调用 win.focus() 函数
但是，我们只要稍微处理一下，在父窗口，子窗口，sl中就都可以实现这个目的了
所以可以这样做：
1、在父窗口中写一个函数，叫Focus()
然后调用 win.focus();
2、在子窗口中写一个函数，叫Focus()
调用 window.opener.Focus()
3、最后，如果想让silverlight应用程序前置，你在父窗口或者子窗口中调用Focus()这个函数，也可以再silverlight中调用子窗口的Focus()函数
七、怎么判断silverlight已经加载完成？
下面有几个思路，有对有错
（√）在silverlight应用程序的构造函数中，调用子页面或者父页面（通过子页面）的js 【这个方法可行，但是略显麻烦】
（×）在子页面中 写 window.onload 事件 【这个事件触发的时候silverlight不一定加载完成】
（√）还记得第三部分，第3步里的这个吗？ <param name="onLoad" value="pluginLoaded" /> 【推荐做法】
加入这条以后，silverlight加载完成后就出触发子页面的这个函数 函数名可以更改
相关文章
这篇文章主要介绍了js实现下拉框选择要显示图片的方法,涉及针对js操作select的技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要给大家介绍了关于微信小程序对图片进行canvas压缩的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
本篇文章主要介绍了微信小程序开发（二）图片上传+服务端接收，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了JS指定音频audio在某个时间点进行播放,获取当前音频audio的长度,音频时长格式转化,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
我们在进行图片保存的时候经常会发现图片跨域了,下面下面这篇文章主要给大家介绍了关于html2canvas图片跨域问题的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要为大家详细介绍了微信小程序实现拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要介绍了JS事件绑定的常用方式,结合实例形式总结分析了javascript三种常见的事件绑定原理与操作技巧,需要的朋友可以参考下2019-03-03
这篇文章主要介绍了JavaScript多态与封装,结合实例形式分析了JavaScript多态与封装的概念、功能、优缺点以及相关问题与注意事项,需要的朋友可以参考下2018-07-07
这篇文章介绍了Ajax实现搜索框提示功能的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了JS实现页面数据懒加载，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
最新评论