window.open()

    技术2023-06-29  64

    window.open()方法可以导航到一个特定的URL,也可以打开一个心的浏览器窗口,一般可以接受三个参数:

    1.要加载的URL

    2.窗口名称或窗口的目标

    3.一个特殊的字符串(控制窗口的属性,属性之间用逗号分开)

    【注】不命名会每次打开新窗口;命名的第一次打开新窗口,之后崽这个窗口中加载

    <button type="button" id="btn1">点击打开新窗口</button> window.onload = function() { document.getElementById('btn1').onclick = function() { window.open("https://blog.csdn.net/muzidigbig/article/details/78609510", "windowView", "width=400px,height=600px,top=100px,left=400px") } }

    opener     打开当前窗口的父窗口的window对象,一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。

    <!-- 父 --> <body> <button type="button" id="btn1">点击打开新窗口</button> <br> 接受子窗口传过来的值 <h3 id="btn1-1Value"></h3> </body> <script type="text/javascript"> window.onload = function() { document.getElementById('btn1').onclick = function() { window.open("./test08open()1-1.html", "windowView", "width=400px,height=600px,top=100px,left=400px") } } </script> <!-- 子 --> <body> <button type="button" id="btn1-1">点击向父窗口传值</button> </body> <script type="text/javascript"> /** * opener 打开当前窗口的父窗口的window对象, * 一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。 * window.opener.close()将关闭源(父)窗口 */ window.onload = function() { document.getElementById('btn1-1').onclick = function() { opener.document.write('muzidigbig') } } </script>

     

     

     

    Processed: 0.009, SQL: 9