子窗体如何传值到父窗体并调用父窗体的函数

最新推荐文章于 2022-08-22 17:47:33 发布

cao_ying_hui

最新推荐文章于 2022-08-22 17:47:33 发布

阅读量206

点赞数

分类专栏： JavaScript 文章标签： HTML .net Blog

本文链接：https://blog.csdn.net/cao_ying_hui/article/details/83494156

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> 
<script>  
//供DEMO02_01页面的关闭按钮调用  
function myFunction(v){   
//alert("这里是父窗口中的函数"+v);  
 document.getElementById("parentText").value=v;  
}  

 //打开新窗口 
 function openNewWindow(){ 
  window.open("DEMO02_01.html","","height=300;width=300;location=0;status =0;toolbar=0");

 }

</script> 
</head>

<body>

<button οnclick="openNewWindow();">打开新窗口</button> <hr> 此文本框的值要从子窗口中取得 <input type="text" id="parentText"> </body> </html>


本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/caoyinghui1986/archive/2008/06/15/2549373.aspx

DEMO02_01.html

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>  
function funClose(){      
//：调用父窗体（DEMO02.html）中的myFunction 函数 
 //window.opener获得父窗口的window对象的引用 并调用 myFunction () 函数在js中作为window的属性  
 window.opener.myFunction(document.getElementById("childText").value);

  window.close();  
  } 
  </script>

</head>

<body>
<button οnclick="funClose();">关闭本窗口</button>
<hr>
此文本框的值将要传递到父窗口
<input type="text" id="childText" value="子窗口的值:1">
</body>
</html>

cao_ying_hui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
子窗体如何传值到父窗体并调用父窗体的函数

&lt;!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;script&gt; //供DEMO02_01页面的关闭按钮调用 function myFunction(v){ //alert("这里是父窗口中的函数"+v); doc...
复制链接

扫一扫

专栏目录