程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 小窗口大學問--玩轉彈出窗口(1)

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

編輯:關於JSP

經常上網的朋友可能會到過這樣一些網站,一進入首頁立刻會彈出一個窗口,或者按一個連接或按鈕彈出,通常在這個窗口裡會顯示一些注意事項、版權信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實制作這樣的頁面效果非常的容易,只要往該頁面的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腳本結束

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved