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="打开窗口" >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="打开窗口" >