windows.open传值(获取父页面dom对象)

最新推荐文章于 2022-05-13 16:39:39 发布
最新推荐文章于 2022-05-13 16:39:39 发布
阅读量6.2k 收藏 3
点赞数
分类专栏： 前端 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yz357823669/article/details/81113697
版权

最近做了一个预览功能，在新打开的标签页中需要获取父页面中元素的值
我们通常的做法

  1. 参数在controller中存在request,model域中
  2. 持久化到数据库，在页面通过el，jstl等进行取值

现在为了减少代码量以及数据库访问等非必须的逻辑业务要求
我们可以使用window.open() 打开新页面,window.opener 即父页面的window对象,
我们可以使用window.opener.location.href 获取父页面url
在新页面中使用window.opener.document 即可获取到父页面的document 对象
当然也可以调用父页面的方法window.opener.test()
然后可以使用例如window.opener.document.getElementsByName 获取父页面dom元素了,
然后是否转化为Jquery 对象,存值取值就看业务需求了

HashMap黑龙江分Map
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript--DOM-- window对象的open()方法的使用
norang的博客
06-05 747
JavaScript使用window 对象的open() 方法来创建新的浏览器窗口。这 个方法有三个参数： window.open(url,name,features) 这三个参数都是可选的。 第一个参数是想在新窗口里打开的网页的URL地址。如果省略这个 参数，屏幕上将弹出一个空白的浏览器窗口。 第二个参数是新窗口的名字。可以在代码里通过这个名字与新窗口 进行通信。 最后一个参数是一个以逗号分隔的字符串，其内容是新窗口的各种 属性。这些属性包括新窗口的尺寸（宽度和高度）以及新窗口被启 用或禁用
window.open子窗口获取父窗口的值
weixin_30888707的博客
11-13 802
//子窗口获取父窗口id的值 window.opener.document.getElementById("id").value; //子窗口调用父窗口的函数 window.opener.show(); 转载于:https://www.cnblogs.com/jiefu/p/9951043.html...
window.open向父窗口返回值
踩袅的专栏
09-05 2436
2012-03-25 16:05:07|  分类： Java |  标签：window.open   |字号 订阅 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例：
window.opener用法(在子窗体中获得父窗体的方法)
weixin_44134816的博客
05-13 5016
window.opener 实际上就是通过window.open打开的窗体的父窗体。 比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。 如：1,window.opener.test(); ---调用父窗体中的test()方法 Window postMessage() 方法 postMessage() 方法用于安
父页面通过window.open打开子页面进行传参
weixin_41634885的博客
07-08 389
看了网上一堆 我觉得不是很好地方式 还麻烦 所以分享下另一种方法 A页面打开B页面后 B页面想获取A页面的参数 如下写法即可轻松获取 A页面定义的参数为： var paramForA = ""; B页面想要接受A页面的paramForA：varparamForB =window.opener.paramForA; ...
解决打开新窗口后，父窗口操作子窗口dom对象 OpenWindow.document.getElementById 结果为null问题
u014467070的博客
04-09 1567
   原因： 子窗口没有加载完成解决方法：var OpenWindow = window.open("${ctx}/modules/home/serviceIndex");   OpenWindow.onload = function() {         var open =  OpenWindow.document.getElementById("iframeHeight");       ...
layer.open关闭父窗口 以及调用父页面的方法
10-18
这里的 `window.parent` 表示当前弹窗的父窗口，`exportData` 是要调用的父页面方法，`$('#shownum').val()` 和 `$('#splitstr').val()` 分别获取相应 DOM 元素的值作为参数传递给父页面的方法。 在父页面中，我们...
layer.open 子页面弹出层向父页面传输数据的例子
10-16
我们可以在这个回调中获取到包含子页面iframe的DOM元素，并通过它来访问子页面的window对象，从而调用子页面的方法或获取数据。 下面是一个完整的例子，展示了如何使用`layer.open`并实现数据传输： ```javascript...
jQuery Layer弹出层传值到父页面的实现代码
10-19
主要介绍了jQuery Layer弹出层传值到父页面的实现代码,需要的朋友可以参考下
通过 window.opener.document 获取弹窗弹窗或打开页面中的数据并回显
xu990128638的专栏
12-09 2518
通过 window.opener.document 获取弹窗弹窗或打开页面中的数据并回显 1. html 示例 写法 <td colspan="3"> <textarea style="width: 93%;" readonly="readonly" id="docNames" name="docNames"></textarea> <input type="hidden" id="docIds" name="docIds" /
document.getElementsByName & document.getElementById 在IE与FF中不同实现
weixin_34184561的博客
10-18 97
今天在&lt;asp:radiobuttonlist/&gt;中使用教本的的时候才注意到原来 document.getElementsByName 、document.getElementById 在IE与FF中有着不同实现。对于ID &amp; Name 按最经典的解释的：“ID 就如同我们的身份证，Name就如同我们的名字”，也就是说，在一个html文档中ID是唯一的，但是Name是可以重复的...
window.open()运用
我的世界里头，谁懂我！
11-18 184
window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例： ...
关于window.open()方法 返回的的打开的新窗口的对象
u013803262的专栏
01-07 2797
关于window.open()方法 返回的的打开的新窗口的对象
如何获取通过window.open打开的父窗口的window对象
hello__word__的博客
08-24 1620
window.opener：opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。 当使用window.open()打开一个窗口，您可以使用此属性返回来自目标窗口源（父）窗口的详细信息。
window.open()打开窗口的几种方式
qq_37550440的博客
04-14 9076
1. 在当前窗口打开百度,并且使URL地址出现在搜索栏中. window.open("http://www.baidu.com/", "_search"); window.open("http://www.baidu.com/", "_self"); 2. 在一个新的窗口打开百度 window.open("http://www.baidu.com/", "_blank"); 3. 打开一个新的窗口,并命名为"hello" window.open("", "hello"); 另外, open函数
Window.Open 使用详解
亮剑
04-24 668
引：Window_Open详解一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例： &lt;S...
window.open()参数传递及获取
热门推荐
zhupengqq的博客
04-06 14万+
1, 最基本的弹出窗口代码 window.open('page.html'); 2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, locat...
layer.open传值到子页面
最新发布
04-29
layer.open是一个弹出框的插件，可以在页面上弹出一个对话框，可以在对话框中进行各种操作，同时也可以向该对话框中传递参数。 要向layer.open打开的子页面中传值，可以在打开对话框的时候通过设置参数来实现。具体步骤如下： 1. 在layer.open函数中添加参数，例如： ``` layer.open({ type: 2, title: '对话框标题', area: ['500px', '400px'], content: '子页面的URL', data: {name: '张三', age: 18} }); ``` 其中`data`表示要传递的数据，可以是一个对象，也可以是一个字符串。 2. 在子页面中通过`parent`对象获取父页面的值，例如： ``` var data = parent.layer.data; console.log(data.name); console.log(data.age); ``` 其中`parent`表示父页面的window对象，`layer`表示弹出框的对象，`data`表示要传递的值。 通过这样的方法，就可以实现向layer.open打开的子页面中传递参数的功能了。值得一提的是，这种方法只适用于同源页面之间传递数据，如果要在跨域的页面之间传递数据，需要使用其他方式，例如Ajax、postMessage等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值