JS彈出窗口代碼大全(詳細整理)
2024-05-06 14:20:24
供稿：網友
如何利用網頁彈出各種形式的窗口，我想大家大多都是知道些的，但那種多種多樣的彈出式窗口是怎么搞出來的，我們今天就來學習一下：
1.彈啟一個全屏窗口
代碼如下:
<html>
<body //m.survivalescaperooms.com','錯新站長站','fullscreen');">;
<b>m.survivalescaperooms.com</b>
</body>
</html>
2.彈啟一個被F11化后的窗口
代碼如下:
<html>
<body '//m.survivalescaperooms.com','錯新站長站','channelmode');">;
<b>m.survivalescaperooms.com</b>
</body>
</html>
3.彈啟一個帶有收藏鏈接工具欄的窗口
代碼如下:
<html>
<body www.wangye8.com','錯新站長站','width=400,height=300,directories');">
<b>www.wangye8.com</b>
</body>
</html>
4.網頁對話框
代碼如下:
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('//m.survivalescaperooms.com,'錯新站長站','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.wangye8.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('//m.survivalescaperooms.com,'錯新站長站','dialogWidth:400px;dialogHeight:300px;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>http://www.wangye8.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、其他彈出窗口代碼
經常上網的朋友可能到過這樣一些網站，一進入首頁立刻會彈出一個窗口，或者按一個鏈接或按鈕彈出，通常在這個窗口里會顯示一些注意事項、版權信息、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實制作這樣的頁面非常容易，只要往該頁面的HTML里加入幾段java script代碼即可實現。下面我就帶你剖析它的奧秘。
