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

　如何利用網(wǎng)頁彈出各種形式的窗口，我想大家大多都是知道些的，但那種多種多樣的彈出式窗口是怎么搞出來的，我們今天就來學(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)頁對話框?

＜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()?來調(diào)用網(wǎng)頁對話框，至于showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開的窗口（簡稱模式窗口），置在父窗口上，必須關(guān)閉才能訪問父窗口(建議盡量少用，以免招人反感)；showModelessDialog()（簡稱無模式窗口），打開后不必關(guān)閉也可訪問父窗口打開的窗口。?

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


　　5.HTA窗口?

　　HTA的全名為HTML?Application，翻譯過來就是HTML應(yīng)用程序，你只要簡單的用.hta為擴(kuò)展名保存HTML頁面就算創(chuàng)建了一個(gè)HTA文件，下面我們就用HTA來編個(gè)窗口，將以下這段代碼保存為.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＞http://www.pconline.com.cn＜/b＞?
＜/BODY＞?
＜/HTML＞?

　　有人會發(fā)現(xiàn)上面這些代碼與平時(shí)的html有點(diǎn)不同，多了HTA:APPLICATION標(biāo)簽，這就是關(guān)鍵之處，hta通過它來提供一系列面向應(yīng)用程序的功能，接下來再講一講它的屬性（我的頭又在發(fā)脹）?
　　APPLICATIONNAME屬性(applicationName)?
　　此屬性為設(shè)置HTA的名稱。?
　　BORDER屬性(border)?
　　此屬性為設(shè)置為HTA的窗口邊框類型，默認(rèn)值為?thick。?
　　它可以設(shè)為　thick?指定窗口為粗邊框?
　　　　　　　　dialog?window?指定窗口為對話框?
　　　　　　　　none?指定窗口無邊框?
　　　　　　　　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)識，默認(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?最大化?
　　以上括號中的是在腳本引用的屬性。在腳本中以上屬性皆為只讀屬性。此外，在腳本中還可以使用commandLine屬性來檢索應(yīng)用程序啟動(dòng)時(shí)的參數(shù)。?
　　在HTA中還可以繼續(xù)使用html中的絕大多數(shù)標(biāo)簽、腳本等。