javascript中window.open在原來的窗口中打開新的窗口(不同名)
最近做一個JSP網(wǎng)頁要求打開一個沒有菜單工具欄的IE,想到用window.open 來打開。但是發(fā)現(xiàn)如果先前打開的窗體沒有關(guān)掉,在打開一個窗體的時候就會在先前沒有關(guān)閉的窗體上打開新的窗體,這樣先前的窗口就被替換掉了。經(jīng)過查找資料和測試發(fā)現(xiàn)如果在打開窗體的時候指定的窗體名和當(dāng)前的某個窗體同名的時候就會在那個窗體上打開。例如下面的情況:
window.open("view_svg.jsp?ukey=<%=ukey%>&itemID=<%=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參數(shù)表示打開新的窗口。
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?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() 方法可以查找一個已經(jīng)存在或者新建的瀏覽器窗口。
語法:
window.open([URL], [窗口名稱], [參數(shù)字符串])
參數(shù)說明:
URL:可選參數(shù),在窗口中要顯示網(wǎng)頁的網(wǎng)址或路徑。如果省略這個參數(shù),或者它的值是空字符串,那么窗口就不顯示任何文檔。
窗口名稱:可選參數(shù),被打開窗口的名稱。
1.該名稱由字母、數(shù)字和下劃線字符組成。
2."_top"、"_blank"、"_selft"具有特殊意義的名稱。
_blank:在新窗口顯示目標(biāo)網(wǎng)頁
_self:在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁
_top:框架網(wǎng)頁中在上部窗口中顯示目標(biāo)網(wǎng)頁
3.相同 name 的窗口只能創(chuàng)建一個,要想創(chuàng)建多個窗口則 name 不能相同。
4.name 不能包含有空格。
參數(shù)字符串:可選參數(shù),設(shè)置窗口參數(shù),各參數(shù)用逗號隔開。
參數(shù)表:
例如:打開http://www.baidu.com網(wǎng)站,大小為300px * 200px,無菜單,無工具欄,無狀態(tài)欄,有滾動條窗口:
<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>
友情提醒:在此一定注意瀏覽器的兼容性問題哈。
相關(guān)文章
解析javascript瀑布流原理實(shí)現(xiàn)圖片滾動加載
這篇文章主要幫助大家解析javascript瀑布流原理,實(shí)現(xiàn)js圖片滾動加載2016-03-03js實(shí)現(xiàn)網(wǎng)頁圖片延時加載 提升網(wǎng)頁打開速度
這篇文章主要為大家介紹了js實(shí)現(xiàn)網(wǎng)頁圖片延時加載,提升網(wǎng)頁打開速度,感興趣的小伙伴們可以參考一下2016-01-01BootStrap創(chuàng)建響應(yīng)式導(dǎo)航條實(shí)例代碼
這篇文章主要介紹了BootStrap創(chuàng)建響應(yīng)式導(dǎo)航條實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05一起來看看JavaScript數(shù)據(jù)類型最詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)類型,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01