1. 程式人生 > >js —— 如何開啟新標籤頁(window.open應用)

js —— 如何開啟新標籤頁(window.open應用)

在<a>標籤中通過設定target="_blank"就可以實現開啟新標籤的效果。但有時候我們需要通過Javascript來開啟新標籤,那麼怎麼

實現呢?方法如下:

window.open("http://www.wlzhys.com");

或者:

window.open("http://www.wlzhys.com", "_blank"); //注意第二個引數

有人或許會覺得奇怪,window.open()不是用來開啟新視窗的麼,怎麼還可以開啟新標籤啊?其實只有在window.open()中指定了第三個屬性

(即新視窗的特徵)時瀏覽器才會開啟新的視窗,在沒指定第三個屬性時只會在當前視窗開啟新的標籤(在IE中,如果要開啟的URL與當前

頁面URL不屬於同一個主域名則開啟新視窗;在Chrome中,如果window.open()函式不是被滑鼠鍵盤事件呼叫的,而是頁面直接呼叫或通過

定時器等呼叫的,則開啟新視窗而非標籤)。此外,下面適用於<a>標籤的target引數同樣適用於window.open()的name引數:

注意事項:

1.在IE中,如果要開啟的域名和當前域名不屬於同一個主域名,則會在新的視窗中開啟(<a>標籤也是這樣)。

2. 在Chrome中,如果window.open()函式不是被滑鼠鍵盤事件呼叫的,而是頁面直接呼叫或通過定時器(包括滑鼠鍵盤觸發的定時器)等

呼叫的,則開啟新視窗而非標籤。

2.在新視窗或新標籤中,window.open()的_parent和_top引數是無效的(只有在frame中時有效)。

3.framename引數可以設定為當前頁面內的frame的name值、新視窗的name值,或者新標籤的name值。

【補充說明】

window.open( url,target,init); //URL 代表 頁面地址; Target 代表 目的框架

1、在新標籤/頁面中開啟連結

window.open('http://www.wlzhys.com','target','');

2、在當前頁面中開啟連結

(1)window.open('http://www.wlzhys.com','_self','');

(2)window.location.href='http://www.wlzhys.com';