[javascript]   view plain  copy

1. 主要原理：讓瀏覽器以為是使用者主動點選的，因此可以利用onclick或者利用<a>標籤的_blank屬性開啟頁面  

[javascript]   view plain  copy

1. function OpenWindow(n, t, i, r) {  
2.     var u = (screen.width - t) / 2 - r,  
3.     f = (screen.height - i) / 2 - r,  
4.     e = window.open(n, "_blank"
   , "width=" + t + ",height=" + i + ",toolbars=0,resizable=1,left=" + u + ",top=" + f);  
5.     e.focus()  
6. }  

window.open是javascript函式，該函式的作用是開啟一個新視窗或這改變原來的視窗，不過一般用來的是開啟新視窗，因為修改原來的網頁地址，可以有另一個函式，那就是window.location,他可以重定向網頁地址，使網頁跳轉到另一個頁面。

一般情況下，如果你直接在js中呼叫window.open()函式去開啟一個新視窗，瀏覽器會攔截你，認為你將彈出廣告等使用者不想得到的窗體，所以如果不想讓瀏覽器攔截你，你可以將這個函式改為使用者點選時觸發，這樣瀏覽器就認為是使用者想訪問這個頁面，而不是你直接彈出給使用者。

現在直接使用js觸發按鈕的click有時候不能彈出新頁面，因此需要使用者點選控制元件操作或者構造或隱藏<a>標籤彈出。

方法1：

所以常用的方法就是在按鈕或者超連結里加入onclick事件，如<a href="javascript:void(0)" onclick="window.open();return false;">click me</a>這樣使用者點選這個超連結，瀏覽器會認為它是開啟一個新的連結，所以就不會攔截。

[html]   view plain  copy

1. <a href="javascript:void(0)" onclick="window.open('http://www.baidu.com','_blank','width=300,height=400,toolbars=0,resiable=1,left=300,top=300');return false;">click me</a>  

方法2（優化方法1）：

先用window.open開啟一個視窗，然後修改地址。如var tempwindow=window.open('_blank');開啟一個視窗，然後用tempwindow.location='http://www.baidu.com';使這個視窗跳轉到百度，這樣就會呈現彈出百度視窗的效果了。

[javascript]   view plain  copy

1. <script>      
2. var new_window = null;    
3.   
4. //加一個確認,可以在這個方法裡面執行很多適用於自己的判斷...  
5. function sure_open() {    
6.     if (confirm('確定要開啟php愛好者嗎？'))    
7.         open_window(url);    
8.     else    
9.         new_window.close(); //關閉視窗  
10. }    
11.   
12. function open_window(url) {      
13.     new_window.location.href = url;      
14. }      
15. </script>      
16. <input type="button" onclick="new_window = window.open(); open_window('http://www.justwinit.cn')" value="開啟justwinit.cn" />                                     
17. <input type="button" onclick="new_window.close();" value="關閉開啟的justwinit.cn" />   

或者，可以非同步處理

[javascript]   view plain  copy

1. xx.addEventListener(‘click‘, function () {  
2.     // 開啟頁面，此處最好使用提示頁面  
3.     var newWin = window.open(‘loading page‘);  
4.     ajax().done(function() {  
5.         // 重定向到目標頁面  
6.         newWin.location.href = ‘target url‘;  
7.     });  
8. });  

方法3： 使用其他控制元件呼叫<a>標籤的_blank屬性彈出：不能在ajax內彈出，建議使用方法2。

[javascript]   view plain  copy

1. function newWin(url, id) {  
2.    var a = document.createElement(‘a‘);  
3.    a.setAttribute(‘href‘, url);  
4.    a.setAttribute(‘target‘, ‘_blank‘);  
5.    a.setAttribute(‘id‘, id);  
6.    // 防止反覆新增  
7.    if(!document.getElementById(id)) {                       
8.        document.body.appendChild(a);  
9.    }  
10.    a.click();  
11. }