<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      小窗口大學問--玩轉彈出窗口(1)

      [摘要]經常上網的朋友可能會到過這樣一些網站,一進入首頁立刻會彈出一個窗口,或者按一個連接或按鈕彈出,通常在這個窗口里會顯示一些注意事項、版權信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實制作這樣的頁面效果非常的容易,只要往該頁面的HTML里加入幾段Javascript代碼即可實現。下面俺就...
      經常上網的朋友可能會到過這樣一些網站,一進入首頁立刻會彈出一個窗口,或者按一個連接或按鈕彈出,通常在這個窗口里會顯示一些注意事項、版權信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實制作這樣的頁面效果非常的容易,只要往該頁面的HTML里加入幾段Javascript代碼即可實現。下面俺就帶您剖析它的奧秘。

        【1、最基本的彈出窗口代碼】

        其實代碼非常簡單:

        〈SCRIPT LANGUAGE="javascript"〉
        〈!--
        window.open (´page.html´)
        --〉
        〈/SCRIPT〉

        因為這是一段javascripts代碼,所以它們應該放在〈SCRIPT LANGUAGE="javascript"〉之間!!-- 和 --〉是對一些版本低的瀏覽器起作用,在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養成這個好習慣啊。

        window.open (´page.html´) 用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應寫明路徑,絕對路徑(http://)和相對路徑(../)均可。
      用單引號和雙引號都可以,只是不要混用。
        這一段代碼可以加入HTML的任意位置,〈head〉和〈/head〉之間可以,〈body〉間〈/body〉也可以,越前越早執行,尤其是頁面代碼長,又想使頁面早點彈出就盡量往前放。也可以,越前越早執行,尤其是頁面代碼長,又想使頁面早點彈出就盡量往前放。

        【2、經過設置后的彈出窗口】

        下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。我們來定制這個彈出的窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況。

        〈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〉

        參數解釋:

        〈SCRIPT LANGUAGE="javascript"〉 js腳本開始;
        window.open 彈出新窗口的命令;
        ´page.html´ 彈出窗口的文件名;
        ´newwindow´ 彈出窗口的名字(不是文件名),非必須,可用空´´代替;
        height=100 窗口高度;
        width=400 窗口寬度;
        top=0 窗口距離屏幕上方的象素值;
        left=0 窗口距離屏幕左側的象素值;
        toolbar=no 是否顯示工具欄,yes為顯示;
        menubar,scrollbars 表示菜單欄和滾動欄。
        resizable=no 是否允許改變窗口大小,yes為允許;
        location=no 是否顯示地址欄,yes為允許;
        status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
        〈/SCRIPT〉 js腳本結束



      日韩精品一区二区三区高清