window.open()总结

Posted 2020-08-09 zhuyapeng

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

父页面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 = "图片显示效果.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属性返回的是对自身的引用。

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