來(lái)源:北大青鳥(niǎo)飛迅校區(qū)|發(fā)布時(shí)間:2013-04-27 08:43:29
制作Javascript彈出窗口技巧九則:
1、最基本的彈出窗口代碼
其實(shí)代碼非常簡(jiǎn)單:
< SCRIPT LANGUAGE="javascript">
< !--
window.open ("page.html")
--
>
< /SCRIPT>
因?yàn)檫@是一段Javascript代碼,所以它們應(yīng)該放在< SCRIPT LANGUAGE="javascript">之間。 < !-- 和 -->是對(duì)一些版本低的瀏覽器起作用,在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。
window.open ("page.html") 用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應(yīng)寫(xiě)明路徑,絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。
用單引號(hào)和雙引號(hào)都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,< head>和< /head>之間可以,< body>間< /body>也可以,越前越早執(zhí)行,尤其是頁(yè)面代碼長(zhǎng),又想使頁(yè)面早點(diǎn)彈出就盡量往前放。也可以,越前越早執(zhí)行,尤其是頁(yè)面代碼長(zhǎng),又想使頁(yè)面早點(diǎn)彈出就盡量往前放。
2、設(shè)置后的彈出窗口
下面再說(shuō)一說(shuō)彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。我們來(lái)定制這個(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")
//寫(xiě)成一行
-->
< /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)的信息(通常是文件已打開(kāi)),yes為允許;
< /SCRIPT> js腳本結(jié)束
3、用函數(shù)控制彈出窗口
下面是一個(gè)完整的代碼:
< html>
< head>
< script LANGUAGE="JavaScript">
< !--
全程面授,不高薪都難
申請(qǐng)成功后,我們將在24小時(shí)內(nèi)與您聯(lián)系
招生熱線: 4008-0731-86 / 0731-82186801
學(xué)校地址: 長(zhǎng)沙市天心區(qū)團(tuán)結(jié)路6號(hào)
Copyright © 2006 | 湖南大計(jì)信息科技有限公司 版權(quán)所有
湘ICP備14017520號(hào)-3