1.彈啟一個全屏視窗 <html> <body onload="window.open(' http://www.e3i5.com','example01','fullscreen');"> <b>www.e3i5.com</b> </body> </html> 2.彈啟一個被F11化後的視窗 <html> <body onload="window.open(' http://www.e3i5.com','example02','channelmode');"> <b>www.e3i5.com</b> </body> </html> 3.彈啟一個帶有收藏連結工具列的視窗 <html> <body onload="window.open('http://www.e3i5.com','example03','width=400,height=300,directories');"> <b>www.e3i5.com</b> </body> </html> 4.網頁對話方塊 <html> <SCRIPT LANGUAGE="javascript"> <!-- showModalDialog('http://www.e3i5.com','example04','dialogWidth:400px;dialogHeight:300px; dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes') //--> </SCRIPT> <b>www.e3i5.com</b> </body> </html> <html> <SCRIPT LANGUAGE="javascript"> <!-- showModelessDialog('http://www.e3i5.com','example05','dialogWidth:400px;dialogHeight:300px; dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes') //--> </SCRIPT> <b>www.e3i5.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.e3i5.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>www.e3i5.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中的絕大多數標籤、指令碼等。 |