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

最新推荐文章于 2021-02-16 03:43:36 发布

Shine_Panda

最新推荐文章于 2021-02-16 03:43:36 发布

阅读量2k

点赞数

分类专栏： JavaScript 文章标签： html function input button

本文链接：https://blog.csdn.net/caoyinghui1986/article/details/2549373

版权

JavaScript 专栏收录该内容

6 篇文章 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>

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>

Shine_Panda

关注

0
点赞
踩
1

收藏

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

//供DEMO02_01页面的关闭按钮调用 function myFunction(v){ //alert("这里是父窗口中的函数"+v); document.getElementById("parentText").value=v; } //打开新窗口 function openNewWindow(){ window.open("DEMO02_01.html"
复制链接

扫一扫