Window.open简介

    xiaoxiao2023-10-13  182

    一、方法介绍

    Window.open():打开一个新窗口

    四个参数:

    URL可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口name可选。指定target属性或窗口的名称。支持以下值: _blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集name - 窗口名称specs可选。一个逗号分隔的项目列表。支持以下值:   channelmode=yes|no|1|0是否要在影院模式显示 window。默认是没有的。仅限IE浏览器directories=yes|no|1|0是否添加目录按钮。默认是肯定的。仅限IE浏览器fullscreen=yes|no|1|0浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必须在影院模式。仅限IE浏览器height=pixels窗口的高度。最小.值为100left=pixels该窗口的左侧位置location=yes|no|1|0是否显示地址字段.默认值是yesmenubar=yes|no|1|0是否显示菜单栏.默认值是yesresizable=yes|no|1|0是否可调整窗口大小.默认值是yesscrollbars=yes|no|1|0是否显示滚动条.默认值是yesstatus=yes|no|1|0是否要添加一个状态栏.默认值是yestitlebar=yes|no|1|0是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yestoolbar=yes|no|1|0是否显示浏览器工具栏.默认值是yestop=pixels窗口顶部的位置.仅限IE浏览器width=pixels窗口的宽度.最小.值为100replaceOptional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值: true - URL 替换浏览历史中的当前条目。false - URL 在浏览历史中创建新的条目。

    window.opener:返回打开该窗口的父窗口引用

    window.documnet:返回document对象

    二、例子

    实现如下选择按钮

    代码:

    (1)文件目录

    (2)first.html

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="number" disabled="disabled" /> <input type="button" value="选择" onclick="openNewWindow()" /> </body> <script> function openNewWindow(){ var myWindow = window.open('second.html','','width=200,height=200'); } </script> </html>

    (3)second.html

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> <tr> <td>1</td> <td><button onclick="selectTish(1)">选择</button></td> </tr> <tr> <td>2</td> <td><button onclick="selectTish(2)">选择</button></td> </tr> </table> </body> <script> function selectTish(num){ //1、获得打开该窗口的父窗口引用 var first = window.opener; //2、获得document对象 var doc = first.document; //3、改变父类标签值 doc.getElementById("number").value = num; //4、关闭本窗口 window.close(); } </script> </html>

     

    最新回复(0)