彈出網(wǎng)頁(yè)窗口設(shè)計(jì)全攻略

　如何利用網(wǎng)頁(yè)彈出各種形式的窗口，我想大家大多都是知道些的，但那種多種多樣的彈出式窗口是怎么搞出來(lái)的，我們今天就來(lái)學(xué)習(xí)一下： 

　　1.彈啟一個(gè)全屏窗口 

＜html＞ 
＜body onload=”window.open(‘http://www.pconline.com.cn’,’example01′,’fullscreen’);”＞; 
＜b＞www.e3i5.com＜/b＞ 
＜/body＞ 
＜/html＞ 

　　2.彈啟一個(gè)被F11化后的窗口 

＜html＞ 
＜body onload=”window.open(”http://www.pconline.com.cn’,’example02′,’channelmode’);”＞; 
＜b＞www.e3i5.com＜/b＞ 
＜/body＞ 
＜/html＞ 

　　3.彈啟一個(gè)帶有收藏鏈接工具欄的窗口 

＜html＞ 
＜body onload=”window.open(‘http://www.pconline.com.cn’,’example03′,’width=400,height=300,directories’);”＞ 
＜b＞www.e3i5.com＜/b＞ 
＜/body＞ 
＜/html＞ 

　　4.網(wǎng)頁(yè)對(duì)話框 

＜html＞ 
＜SCRIPT LANGUAGE=”&#106avascript”＞ 
＜!– 
showModalDialog(‘http://www.pconline.com.cn’,’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=”&#106avascript”＞ 
＜!– 
showModelessDialog(‘http://www.pconline.com.cn’,’example05′,’dialogWidth:400px;dialogHeight:300px; 
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes’) 
//–＞ 
＜/SCRIPT＞ 
＜b＞http://www.pconline.com.cn＜/b＞ 
＜/body＞ 
＜/html＞ 

　　showModalDialog()或是showModelessDialog() 來(lái)調(diào)用網(wǎng)頁(yè)對(duì)話框，至于showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開(kāi)的窗口（簡(jiǎn)稱模式窗口），置在父窗口上，必須關(guān)閉才能訪問(wèn)父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡(jiǎn)稱無(wú)模式窗口），打開(kāi)后不必關(guān)閉也可訪問(wèn)父窗口打開(kāi)的窗口。 

dialogHeight: iHeight 設(shè)置對(duì)話框窗口的高度。 
dialogWidth: iWidth 設(shè)置對(duì)話框窗口的寬度。 　　 
dialogLeft: iXPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的left位置。 
dialogTop: iYPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的top位置。 
center: {yes 　 no 　 1 　 0 } 指定是否將對(duì)話框在桌面上居中，默認(rèn)值是“yes”。 
help: {yes 　 no 　 1 　 0 } 指定對(duì)話框窗口中是否顯示上下文敏感的幫助圖標(biāo)。默認(rèn)值是“yes”。 　　 
resizable: {yes 　 no 　 1 　 0 } 指定是否對(duì)話框窗口大小可變。默認(rèn)值是“no”。 
status: {yes 　 no 　 1 　 0 } 指定對(duì)話框窗口是否顯示狀態(tài)欄。對(duì)于非模式對(duì)話框窗口，默認(rèn)值是“yes”；對(duì)于模式對(duì)話框窗口，默認(rèn)值是 “no”。 


　　5.HTA窗口 

　　HTA的全名為HTML Application，翻譯過(guò)來(lái)就是HTML應(yīng)用程序，你只要簡(jiǎn)單的用.hta為擴(kuò)展名保存HTML頁(yè)面就算創(chuàng)建了一個(gè)HTA文件，下面我們就用HTA來(lái)編個(gè)窗口，將以下這段代碼保存為.hta文件，然后再用瀏覽器打開(kāi)。 

＜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＞http://www.pconline.com.cn＜/b＞ 
＜/BODY＞ 
＜/HTML＞ 

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