小窗口大學(xué)問--玩轉(zhuǎn)彈出窗口(1)
發(fā)表時(shí)間:2024-02-03 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]經(jīng)常上網(wǎng)的朋友可能會(huì)到過這樣一些網(wǎng)站,一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口,或者按一個(gè)連接或按鈕彈出,通常在這個(gè)窗口里會(huì)顯示一些注意事項(xiàng)、版權(quán)信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實(shí)制作這樣的頁(yè)面效果非常的容易,只要往該頁(yè)面的HTML里加入幾段Javascript代碼即可實(shí)現(xiàn)。下面俺就...
經(jīng)常上網(wǎng)的朋友可能會(huì)到過這樣一些網(wǎng)站,一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口,或者按一個(gè)連接或按鈕彈出,通常在這個(gè)窗口里會(huì)顯示一些注意事項(xiàng)、版權(quán)信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實(shí)制作這樣的頁(yè)面效果非常的容易,只要往該頁(yè)面的HTML里加入幾段Javascript代碼即可實(shí)現(xiàn)。下面俺就帶您剖析它的奧秘。
【1、最基本的彈出窗口代碼】
其實(shí)代碼非常簡(jiǎn)單:
〈SCRIPT LANGUAGE="javascript"〉
〈!--
window.open (´page.html´)
--〉
〈/SCRIPT〉
因?yàn)檫@是一段javascripts代碼,所以它們應(yīng)該放在〈SCRIPT LANGUAGE="javascript"〉之間!!-- 和 --〉是對(duì)一些版本低的瀏覽器起作用,在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個(gè)好習(xí)慣啊。
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)彈出就盡量往前放。也可以,越前越早執(zhí)行,尤其是頁(yè)面代碼長(zhǎng),又想使頁(yè)面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過設(shè)置后的彈出窗口】
下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。我們來定制這個(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腳本開始;
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)打開),yes為允許;
〈/SCRIPT〉 js腳本結(jié)束