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)文章
JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示特效實例【測試可用】
這篇文章主要介紹了JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示功能,可實現(xiàn)點擊圖片及點擊左右按鈕滑動切換的效果,涉及javascript針對鼠標(biāo)事件的響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
一步一步封裝自己的HtmlHelper組件BootstrapHelper(三)
一步一步封裝自己的HtmlHelper組件:BootstrapHelper,系列文章第三篇,感興趣的小伙伴們可以參考一下2016-09-09

