js中子窗口向父窗口传值

最新推荐文章于 2021-05-12 17:29:13 发布

qq_32311977

最新推荐文章于 2021-05-12 17:29:13 发布

阅读量324

点赞数

分类专栏： js

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

aa.html

复制代码代码如下:

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 
 <head> 
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
 <title>无标题文档</title> 
 
 </head> 
 
 <body> 
 
 <span id="name"></span> 
 
 <input type="button" " value="弹窗" οnclick="window.open('bb.html')" /> 
 
 </body> 
 
 </html

bb.html

复制代码代码如下:

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
  <html xmlns="http://www.w3.org/1999/xhtml"> 
 
  <head> 
 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
  <title>无标题文档</title> 
 
  </head> 
 
  <body> 
 
  <input type="text"  id="inputValue"/> 
 
  <input type="button"  value="添加" οnclick="window.opener.document.getElementById('name').innerHTML=inputValue.value"/> 
 
  </body> 
 
  </html>

window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了aa.htm上的一个链接而打开了bb.htm，然后我们打算在bb.htm上输入一个值然后赋予aa.htm上的一个id为“name”的textbox中，就可以

写为：
window.opener.document.getElementById("name").value = "输入的数据";
window.opener.document.getElementById("name").innerHTML= "输入的数据";

qq_32311977

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中子窗口向父窗口传值

aa.html复制代码代码如下:无标题文档bb.html复制代码代码如下: 无标题文档 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了aa.htm上的一个链接而打开了bb.htm，然后我们打算在bb.ht
复制链接

扫一扫

专栏目录