小窗口大學(xué)問--玩轉(zhuǎn)彈出窗口(2)
發(fā)表時間:2024-02-03 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]【3、用函數(shù)控制彈出窗口】 下面是一個完整的代碼: 〈html〉 〈head〉 〈script LANGUAGE="JavaScript"〉 〈!-- function openwin() { window.open ("page.ht...
【3、用函數(shù)控制彈出窗口】
下面是一個完整的代碼:
〈html〉
〈head〉
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//寫成一行
}
//--〉
〈/script〉
〈/head〉
〈body onload="openwin()"〉
...任意的頁面內(nèi)容...
〈/body〉
〈/html〉
這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢?
方法一:〈body onload="openwin()"〉 瀏覽器讀頁面時彈出窗口;
方法二:〈body onunload="openwin()"〉 瀏覽器離開頁面時彈出窗口;
方法三:用一個連接調(diào)用:〈a href="#" onclick="openwin()"〉打開一個窗口〈/a〉
注意:使用的“#”是虛連接。
方法四:用一個按鈕調(diào)用:〈input type="button" onclick="openwin()" value="打開窗口"〉
【4、同時彈出2個窗口】
對源代碼稍微改動一下:
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100,
top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//寫成一行
window.open ("page2.html", "newwindow2", "height=100, width=100,
top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//寫成一行
}
//--〉
〈/script〉
為避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋即可。最后用上面說過的四種方法調(diào)用即可。
注意:2個窗口的name(newwindows和newwindow2)不要相同,或者干脆全部為空。OK?