彈出網頁窗口全攻略(html/hta)

要是彈出窗口變得能被網蟲們喜歡,那廣告商肯定就發了吧??呵呵


  1.彈啓一個全屏窗口

<html>
<body οnlοad="window.open('http://www.sdinf.com','example01','fullscreen');">;
<b>www.sdinf.com</b>
</body>
</html>

  2.彈啓一個被F11化後的窗口

<html>
<body οnlοad="window.open(''http://www.sdifn.com','example02','channelmode');">;
<b>www.sdinf.com</b>
</body>
</html>

  3.彈啓一個帶有收藏鏈接工具欄的窗口

<html>
<body οnlοad="window.open('http://www.sdinf.com','example03','width=400,height=300,directories');">
<b>www.sdinf.com</b>
</body>
</html>

  4.網頁對話框

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.sdinf.com','example04','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.sdinf.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.sdinf.com','example05','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>http://www.sdinf.com</b>
</body>
</html>

  showModalDialog()或是showModelessDialog() 來調用網頁對話框,至於showModalDialog()與showModelessDialog()的區別,在於showModalDialog()打開的窗口(簡稱模式窗口),置在父窗口上,必須關閉才能訪問父窗口(建議儘量少用,以免招人反感);showModelessDialog()(簡稱無模式窗口),打開後不必關閉也可訪問父窗口打開的窗口。

dialogHeight: iHeight 設置對話框窗口的高度。
dialogWidth: iWidth 設置對話框窗口的寬度。   
dialogLeft: iXPos 設置對話框窗口相對於桌面左上角的left位置。
dialogTop: iYPos 設置對話框窗口相對於桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否將對話框在桌面上居中,默認值是“yes”。
help: {yes | no | 1 | 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。   
resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。
status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態欄。對於非模式對話框窗口,默認值是“yes”;對於模式對話框窗口,默認值是 “no”。

5.HTA窗口

  HTA的全名爲HTML Application,翻譯過來就是HTML應用程序,你只要簡單的用.hta爲擴展名保存HTML頁面就算創建了一個HTA文件,下面我們就用HTA來編個窗口,將以下這段代碼保存爲.hta文件,然後再用瀏覽器打開。

<HTML>
<HEAD>
<TITLE>www.sdinf.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
  BORDER="thin"
  BORDERSTYLE="normal"
  CAPTION="yes"
  ICON="filename.ico"
  MAXIMIZEBUTTON="yes"
  MINIMIZEBUTTON="yes"
  SHOWINTASKBAR="no"
  INGLEINSTANCE="no"
  SYSMENU="yes"
  VERSION="1.0"
  WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>http://www.sdinf.com</b>
</BODY>
</HTML>

  有人會發現上面這些代碼與平時的html有點不同,多了HTA:APPLICATION標籤,這就是關鍵之處,hta通過它來提供一系列面向應用程序的功能,接下來再講一講它的屬性(我的頭又在發脹)
  APPLICATIONNAME屬性(applicationName)
  此屬性爲設置HTA的名稱。
  BORDER屬性(border)
  此屬性爲設置爲HTA的窗口邊框類型,默認值爲 thick。
  它可以設爲 thick 指定窗口爲粗邊框
        dialog window 指定窗口爲對話框
        none 指定窗口無邊框
        thin 指定窗口爲窄邊框
  BORDERSTYLE屬性(borderStyle)
  此屬性爲設置HTA窗口的邊框格式,默認值爲 normal。
  它可以設爲
   normal 普通邊框格式
   complex 凹凸格式組合邊框
   raised 凸出的3D邊框
   static 3D邊框格式
   sunken 凹進的3D邊框
  CAPTION屬性(caption)
  此屬性爲設置HTA窗口是否顯示標題欄或標題,默認值爲 yes。
  ICON屬性(icon)
  此屬性爲設置應用程序的圖標。
  MAXIMIZEBUTTON屬性(maximizeButton)
  此屬性爲設置是否在HTA窗口中顯示最大化按鈕,默認值爲 yes。
  MINIMIZEBUTTON屬性(minimizeButton)
  此屬性爲設置是否在HTA窗口中顯示最小化按鈕,默認值爲 yes。
  SHOWINTASKBAR屬性(showInTaskBar)
  此屬性爲設置是否在任務欄中顯示此應用程序,默認值爲 yes。
  SINGLEINSTANCE屬性(singleInstance)
  此屬性爲設置是否此應用程序同時只能運行一次。次屬性以APPLICATIONNAME屬性作爲標識,默認值爲 no。
  SYSMENU屬性(sysMenu)
  此屬性爲設置是否在HTA窗口中顯示系統菜單,默認值爲 yes。
  VERSION屬性(version)
  此屬性爲設置應用程序的版本,默認值爲空。
  WINDOWSTATE屬性(windowState)
  此屬性爲設置HTA窗口的初始大小,默認值爲 normal。
  它可以設爲 normal 默認大小
        minmize 最小化
        maximize 最大化
  以上括號中的是在腳本引用的屬性。在腳本中以上屬性皆爲只讀屬性。此外,在腳本中還可以使用commandLine屬性來檢索應用程序啓動時的參數。
  在HTA中還可以繼續使用html中的絕大多數標籤、腳本等。


本文來自CSDN博客,轉載請標明出處:http://blog.csdn.net/luoboqingcai/archive/2004/11/24/193706.aspx

發佈了65 篇原創文章 · 獲贊 0 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章