window.open()总结

Posted zhuyapeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 = "图片显示效果.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()总结的主要内容,如果未能解决你的问题,请参考以下文章

JS或者Jquery打开一个新页面,怎么打开??

window.open使用方法总结

window.open()总结

window.open()页面之间函数传值

Javascript中window.opener的一点小总结

window.location.href和window.open的几种用法和区别