
以下代碼集合常用的彈出窗口用法.
1、最基本的彈出窗口代碼
以下是引用片段:
< SCRIPT LANGUAGE="javascript">
< !--
window.open ('page.html')
-->
< /SCRIPT>
代碼放在< SCRIPT LANGUAGE="javascript">標(biāo)簽和< /script>之間。
< !-- 和 -->是對(duì)一些版本低的瀏覽器起作用。
window.open ('page.html') 用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應(yīng)寫明路徑,絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,< head>和< /head>之間可以,< body>間< /body>也可以,越前越早執(zhí)行,尤其是頁(yè)面代碼長(zhǎng),又想使頁(yè)面早點(diǎn)彈出就盡量往前放。
2、經(jīng)過(guò)設(shè)置后的彈出窗口
定制這個(gè)彈出的窗口的外觀,尺寸大小,彈出的位置以適應(yīng)該頁(yè)面的具體情況。
以下是引用片段:
< SCRIPT LANGUAGE="javascript">
< !--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
< /SCRIPT>
參數(shù)解釋:
以下是引用片段:
< SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始;
window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側(cè)的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開(kāi)),yes為允許;
< /SCRIPT>
js腳本結(jié)束
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()">
...任意的頁(yè)面內(nèi)容...
< /body>
< /html>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。
怎么調(diào)用呢?
方法一:< body onload="openwin()"> 瀏覽器讀頁(yè)面時(shí)彈出窗口;
方法二:< body onunload="openwin()"> 瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:
< a href="#" onclick="openwin()">打開(kāi)一個(gè)窗口< /a>
注意:使用的“#”是虛連接。
方法四:用一個(gè)按鈕調(diào)用:
< input type="button" onclick="openwin()" value="打開(kāi)窗口">
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。