定義
window.open()方法用於打開一個新的瀏覽器窗口或者查找一個已命名的窗口
語法
window.open(URL, name, specs, replace)
具體語法可以參考：Window open() 方法
用法
1，關閉當前頁面打開新的頁面
使用window.open()，代碼如下：
<body>
<div id="openNew">關閉當前頁面打開新頁面</div>
</body>
<script type="text/javascript">
openNew.onclick = function(){
window.open('https://www.baidu.com', '_self')
}
</script>
效果爲當前的瀏覽器窗口頁面挑戰到了百度搜索頁面
其它方法
除了使用window.open()之外，還有其它的方法可以實現相同的效果
使用<a>標籤：
<a href="https://blog.csdn.net/huzhenv5">Welcome</a>
使用window.location.href：
<body>
<div id="openNew">welcome</div>
</body>
<script type="text/javascript">
openNew.onclick = function(){
window.location.href = 'https://blog.csdn.net/huzhenv5'
}
</script>
2，保留當前頁面打開新的瀏覽器tab頁
使用window.open()，代碼如下：
<body>
<div id="openNew">openTab</div>
</body>
<script type="text/javascript">
openNew.onclick = function(){
window.open('https://www.baidu.com', '_blank');
}
</script>
其它方法
通過<a>標籤實現：
<a href="https://blog.csdn.net/huzhenv5" target="_blank">Welcome</a>
3，保留當前頁面打開新的html窗口
使用window.open()，代碼如下：
<body>
<div id=openNew>open new html window</div>
</body>
<script type="text/javascript">
openNew.onclick = function(){
window.open('https://www.baidu.com', '_blank', 'left=100, top=100, width=400, height=300, location=no, menubar=no, status=no, titlebar=no, toolbar=no');
}
</script>
注意：
window.open方法打開小窗口，越來越多的瀏覽器處於安全考慮，無法設置隱藏地址欄。如果要實現隱藏地址欄的功能，需要通過一些UI框架的模態框實現
4，控制父頁面跳轉到其它頁面
父頁面：
<div id=openNew>
這是父頁面
<iframe id="subwindow" src="sub.html"></iframe>
</div>
子頁面，sub.html：
<body>
<div>我是子頁面</div>
<div id="paOpenNew">父頁面跳轉</div>
</body>
<script type="text/javascript">
paOpenNew.onclick = function() {
// 也可通過parent.location.href實現
// parent.location.href = 'https://www.baidu.com'
window.open('https://www.baidu.com', '_parent')
}
</script>
5，控制頂級頁面跳轉到其它頁面
頂層頁面：
<div id=openNew>
這是頂級頁面
<iframe id="subwindow" src="next.html"></iframe>
</div>
下級頁面，next.html：
<div id=openNew>
這是下級頁面
<iframe id="subwindow" src="sub.html"></iframe>
</div>
底層頁面，sub.html：
<body>
<div>我是底層頁面</div>
<div id="paOpenNew">頂級頁面跳轉</div>
</body>
<script type="text/javascript">
paOpenNew.onclick = function() {
// 也可以通過top.location.href實現
// top.location.href = 'https://www.baidu.com'
window.open('https://www.baidu.com', '_top')
}
</script>