在網頁中使用對話方塊
阿新 • • 發佈：2019-01-10
<html> <head> <script> function openDialog() { var left = screen.width/2 - 340/2; var top = screen.height/2 - 350/2; window.open('dialog.html','dialog','modal=1,left=' + left + ',top=' + top + ',height=350,width=330,resizable=0,status=0,scrollbars=0'); } script> head> <bodystyle="margin: 20px"> <div style="font-family: arial;font-size:12px;">Create desktop like dialogs:div> <br> <input type="button" value="Open Dialog Window" onclick="openDialog()"> body> html>
注意window.open引數中的modal=1,這個是開啟新視窗為模態的，如果modal=0那麼就是非模態的。
在IE6中不支援此引數，不管你怎麼設定，它總是非模態的。
在Mozilla Firefox中測試OK。
另外在IE中我們可以使用：window.showModalDialog('dialog.html',
window,'status:no;dialogWidth:460px;dialogHeight:400px');來顯示一個模態的對話方塊。
同樣這種方式也只有IE自己支援，其他的瀏覽器比如Mozilla，Netscaper等都不支援。