子页面调用父页面中的dom元素并回传信息

本文介绍了如何在前端开发中实现子页面调用父页面的DOM元素,并进行信息传递。利用HTML DOM的Browser对象中的`window.open()`方法打开新页面,并通过`window.opener`属性在子页面中引用父页面的方法,实现跨页面的DOM操作和数据交互。在实际应用中需要注意浏览器的兼容性问题。
摘要由CSDN通过智能技术生成

        当我们在多个页面间做交互时免不了要进行页面间的传值问题,比如说下面就是这个的一个简单的例子.


        在这里我们采用的是HTML DOM中的Browser 对象,该对象为我们提供了DOM Window对象,通过该对象下的open()方法,我们可以打开一个新的页面,该方法的调用语法是这样的:window.open(URL,name,features,replace).


例如:

window.open('children.html','新窗口','width=300,height=150');

采用上面的方法我们就可以打开一个新的页面,该方法的语法解释如下:


其中我们可以通过"窗口特征(Window Features)"来控制新打开的页面尺寸大小等信息,下面是其详细参数信息:


窗口特征(Window Features)



需要注意的是,该参数其实在很多浏览器中都会出现部分不兼容现象,比如说我实测显示&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值