javascript中window.open在原來的視窗中開啟新的視窗(不同名稱)

javascript中window.open在原來的視窗中開啟新的視窗(不同名稱)_javascript技巧

WBOY

發布： 2016-05-16 15:32:17

原創

2081 人瀏覽過

最近做一個JSP網頁要求開啟一個沒有選單工具列的IE，想到用window.open 來開啟。但是發現如果先前打開的窗體沒有關掉，在打開一個窗體的時候就會在先前沒有關閉的窗體上打開新的窗體，這樣先前的窗口就被替換掉了。經過查找資料和測試發現如果在打開窗體的時候指定的窗體名和當前的某個窗體同名的時候就會在那個窗體上打開。例如下面的情況：

window.open("view_svg.jsp?ukey=&itemID=&charset=UTF-8","newWindow","height='100%', width=' 100%',toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=no,status=no");
這樣打開的每一個窗體都是在名為newWindow的窗體中開啟。

注意：窗體的名稱和title是不一樣的。

1.window.open(urlStr,'_blank','');

_blank參數表示開啟新的視窗。

2.也可以採用下面的方法使每次打開的窗體都不同名。

<%
Random rd = new Random();
int i = rd.nextInt(100)+1;
String ranStr = String.valueOf(i);
%>
<script type="text/javascript">
function doclose(){
 var currnwin = window.open("view_svg.jsp&#63;ukey=<%=ukey%>&itemID=<%=itemID%>&charset=UTF-8","<%=ranStr%>","height='100%', width='100%',toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=no,status=no");
window.opener=null;
 window.close();
 window.focus();
}
</script>

登入後複製

下面在跟大家介紹使用javascript window.open 開啟新視窗

open() 方法可以尋找一個已經存在或新建的瀏覽器視窗。

文法：

window.open([URL], [視窗名稱], [參數字串])

參數說明:

URL：選用參數，在視窗中要顯示網頁的網址或路徑。如果省略這個參數，或者它的值是空字串，那麼視窗就不會顯示任何文件。

視窗名稱：可選參數，被開啟視窗的名稱。

    1.此名稱由字母、數字和底線字元組成。
    2."_top"、"_blank"、"_selft"具有特殊意義的名稱。
       _blank：在新視窗顯示目標網頁
       _self：目前視窗顯示目標網頁
       _top：在框架網頁中顯示在上方視窗中目標網頁
    3.相同 name 的視窗只能建立一個，若要建立多個視窗則 name 不能相同。
    4.name 不能包含有空格。

參數字串：可選參數，設定視窗參數，各參數以逗號隔開。

參數表:

例如:開啟http://www.baidu.com網站，大小為300px * 200px，無選單，無工具列，無狀態欄，有捲軸視窗：

<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

登入後複製

友情提醒：在此一定注意瀏覽器的相容性問題哈。