這里定義了一個函數(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=n o, status=no")//寫成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//寫成一行
}
//-->
</script>
為避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋即可 ,。最后用上面說過的四種方法調(diào)用即可,。
注意:2個窗口的name(newwindows和newwindow2)不要相同,或者干脆全部為空。
【5,、主窗口打開文件1.htm,,同時彈出小窗口page.html】
如下代碼加入主窗口<head>區(qū):
<script language="javascript">
<!--
function openwin() {
window.open("page.html","","width=200,height=200")
}
//-->
</script>
加入<body>區(qū):
<a href="1.htm" onclick="openwin()">open</a>即可。
【6,、彈出的窗口之定時關(guān)閉控制】
下面我們再對彈出的窗口進(jìn)行一些控制,,效果就更好了。如果我們再將一小段 代碼加入彈出的頁面(注意是加入page.html的HTML中,,可不是主頁面中,,否則 ...),讓它10秒后自動關(guān)閉是不是更酷了,?
首先,,將如下代碼加入page.html文件的<head>區(qū):
<script language="JavaScript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>
然后,再用<body onload="closeit()"> 這一句話代替page.html中原有的<BODY>這一句就可以了,。(這一句話千萬不要忘記寫?。∵@一句的作用是調(diào)用關(guān)閉窗 口的代碼,,10秒鐘后就自行關(guān)閉該窗口,。)
【7、在彈出窗口中加上一個關(guān)閉按鈕】
<FORM>
<INPUT TYPE=’BUTTON’ VALUE=’關(guān)閉’ onClick=’window.close()’>
</FORM>
呵呵,,現(xiàn)在更加完美了,!
【8、內(nèi)包含的彈出窗口-一個頁面兩個窗口】