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