1、直接函數調用法:
在Body標籤之前插入如下代碼
<script LANGUAGE=”JavaScript”>
<!–
function openwin(url) {
window.open (url, “newwindow”, “height=300, width=400, top=200,left=200 toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)
}
//–>
</script>
參數解釋:window.open是開啟新視窗的命令,其中的參數url是為了傳入需要開啟的頁面;
newwindow可有可無;
height是開啟視窗的高度;
width是開啟視窗的寬度;
top是視窗距離顯示器頂端的像素數;
left是視窗距離顯示器左邊的像素數;
toolbar設定是否顯示工具列;
menubar設定是否顯示功能表列;
scrollbars設定是否顯示捲軸;
resizable設定是否可以調整大小;
location設定是否顯示地址欄;
status設定是否顯示狀態列;
參數基本上就是這些,下面介紹如何調用。
如果是想在網頁載入時就彈出這種視窗,就在body標籤上加入這句代碼:
<body onload=”openwin(’page.html)”>
其中page.html是你要彈出的那個頁面的相對或者絕對位址;
如果是要在點擊超連結時彈出這種視窗,則使用如下代碼:
<a href=javascript:openwin(’page.html’);>測試</a>
也可以把函數寫入js檔案,然後引用,具體方法是:
開啟記事本,輸入如下代碼:
function openwin(url) {
window.open (url, “newwindow”, “height=372, width=450, top=200,left=200 , toolbar =no, menubar=no, scrollbars=no, resizeable=no, location=no, status=no”)
}
將其儲存為show.js,名字可以隨便起,在網頁中這樣引用:
<script src=”show.js” type=”text/javascript”></script>
其中src設定的是相對的路徑,也可以使用絕對路徑。調用的方法和前面是一樣的,這中方法適合與很多頁面都需要調用這個函數的時候。