定义和用法
open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
语法
window.open(URL,name,specs,replace)
所有主要浏览器都支持 open() 方法
参数 | 说明 | ||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
URL | 可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口 | ||||||||||||||||||||||||||||
name | 可选。指定target属性或窗口的名称。支持以下值:_blank – URL加载到一个新的窗口。这是默认_parent – URL加载到父框架_self – URL替换当前页面_top – URL替换任何可加载的框架集name – 窗口名称 | ||||||||||||||||||||||||||||
specs | 可选。一个逗号分隔的项目列表。支持以下值:
| ||||||||||||||||||||||||||||
replace | Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:true – URL 替换浏览历史中的当前条目。false – URL 在浏览历史中创建新的条目。 |
实例
DEMO1:在新浏览器窗口中打开 www.web176.com :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> <script> function open_win() { window.open("https://www.Web176.com"); } </script> </head> <body> <form> <input type="button" value="打开窗口" onclick="open_win()"> </form> </body> </html>
DEMO2:下面的示例在一个新的浏览器打开一个 window 空白页。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> <script> function openWin(){ myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>这是'我的窗口'</p>"); myWindow.focus(); } </script> </head> <body> <input type="button" value="打开窗口" onclick="openWin()" /> </body> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/brtips/3719.html