手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >子窗口、父窗口和Silverlight之间的相互调用
子窗口、父窗口和Silverlight之间的相互调用
摘要:其实,他们之间的调用还是很简单的~基础篇一、父页面调用子页面中的JS我们先创建一个子窗体复制代码代码如下:varwin$(function(...

其实,他们之间的调用还是很简单的~

基础篇

一、父页面调用子页面中的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加载完成后就出触发子页面的这个函数 函数名可以更改

【子窗口、父窗口和Silverlight之间的相互调用】相关文章:

多种js图片预加载实现方式分享

剖析Node.js异步编程中的回调与代码设计模式

JavaScript检查数字是否为整数或浮点数的方法

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

Javascript中With语句用法实例

javascript操作表格

js实现字符串转日期格式的方法

JSON字符串和对象之间的转换详解

jQuery zTree加载树形菜单功能

javascript无刷新评论实现方法

精品推荐
分类导航