彈出網頁視窗全攻略(html/hta)
如何利用網頁彈出各種形式的視窗,我想大家大多都是知道些的,但那種多種多樣的彈出式視窗是怎麼搞出來的,我們今天就來學習一下:
1.彈啟一個全螢幕視窗
<html>
<body onload="window.open(
http://www.3lian.com, example01 , fullscreen );">;
<b>www.3lian.com</b>
</body>
</html>
2.彈啟一個被F11化後的視窗
<html>
<body onload="window.open(
http://www.3lian.com, example02 , channelmode );">;
<b>www.3lian.com</b>
</body>
</html>
3.彈啟一個帶有收藏連接工作列的視窗
<html>
<body onload="window.open(
http://www.3lian.com, example03 , width=400,height=300,directories );">
<b>www.3lian.com</b>
</body>
</html>
4.網頁對話視窗
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog(
http://www.3lian.com, example04 , dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes )
//-->
</SCRIPT>
<b>www.3lian.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE="javascript">
<!--
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.3lian.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」。