一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

父窗口与子窗口相互调用js代码

时间:2010-08-18 编辑:简简单单 来源:一聚教程网

父页面调用子页面中的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.asp教程x', 'win', ',,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 标记。
复制代码 代码如下:

type="application/x-silverlight-2" >




4、在页上现有的 script 元素中,添加 pluginloaded 方法的 网页特效 函数。
使用 gethost 方法获取对 silverlight 控件的引用。下面的示例演示 pluginloaded 方法的 javascript 代码。
复制代码 代码如下:

 

 
四、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步里的这个吗?

热门栏目