探索IE浏览器窗口
探索IE瀏覽器窗口
點燃靈感 星之海洋不知大家是否見過瀏覽器窗口（哎呦，不要打我！），其實，不要小瞧了這普普通通的windows，除了常用的window.open()與window.resizeTo()方法來開啟窗口外，仔細挖掘，你還能找到許多奧秘在里頭，下面就跟著我一起來探索探索吧~~let's go！
一、繼續解剖window.open()
說明：如無特別說明，以下紅色標注的代碼就是關鍵代碼
1、彈啟一個全屏窗口
window.open('http://www.fwcn.com','example01','fullscreen')
hoho~~~我的電腦屏幕整個都是一張網頁了，怎么樣，是不是有點觸摸屏的味道呢？（手指不由自主地點了上去）。
2、彈啟一個被F11化后的窗口
window.open('http://www.fwcn.com','example02','channelmode')
這樣的窗口似乎在哪里見到過，看來你記性不賴，對！這類似于被按了F11后的瀏覽器模式，乍眼看去，又有了一種別有洞天的感覺。
3、彈啟一個帶有收藏鏈接工具欄的窗口
window.open('http://www.fwcn.com','example03','width=400,height=300,directories')
呵呵，平時IE上的鏈接工具欄不太用，所以對這個不太感冒，但或許有的朋友用得上，權當是送給他們吧。
二、對話框窗口
IE幫助下關于Internet Explorer選項打開后的窗口，大家是否注意過（哪個家伙會無聊到這種程度？），我們也可以用對話框窗口來實現，這就要用到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”。
相信看完了上面那些參數，你也一定能做出一個仿IE幫助下的窗口，哈哈~~~有趣吧
三、HTA窗口
它就是最后要出場的主角啦，或許有的人對這位仁兄還不太熟悉，我簡單介紹一下，HTA的全名為HTML Application，翻譯過來就是HTML應用程序，你只要簡單的用.hta為擴展名保存HTML頁面就算創建了一個HTA文件，下面我們就用HTA來編個窗口，將以下這段代碼保存為.hta文件，然后再用瀏覽器打開，會發現什么？買個關子，自己去瞧瞧。
<HTML>
<HEAD>
<TITLE>www.fwcn.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.fwcn.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中的絕大多數標簽、腳本等。
好了，我們的探索之旅就到此結束了，你是否有意尤未盡的感覺呢？其實寫這篇文章，只是想起到一個拋磚引玉的作用，更多的內容還需要你們繼續去實驗去研究，如果“淘”到了什么好東西，可別忘記公布出來哦。
注：本文部分資料來自msdn
總結
- 上一篇： 批量消除虚线框
- 下一篇： 将文本随意插入网页表单的 textare