首页 > 代码库 > window.open()总结

window.open()总结

今天找父页面和子页面调去问题。

父页面js

1.打开子页面

可以设置子页面长宽高和位置

win= window.open(url, "", "top=45,left=200,width=600,height=600");

2.父页面调去子页面方法

win.alter("33");

3.父页面提供给子页面调去的方法

function res(a) {
alert(a)
window.location.href = "http://www.mamicode.com/图片显示效果.html";
}

 

子页面js

1.子页面调去父页面方法

window.opener.res("112");

2.子页面方法供父页面调去

function alter(a) {
alert(a);
}

经过测试都能正常调用。

另外,对一个父子页面总结

window.close():关闭当前页面

 

window.top():返回顶层浏览器窗口

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

 

window.opener :opener是用open方法打开当前窗口的那个窗口。

注释:调去子页面的方法,只能这个能用

 

window.parent:

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

 

window.open()总结