单击按钮打开窗口作为模式对话框使用javascript

Joh*_*ohn 2 html javascript asp.net

我必须使用javascript打开单击按钮的窗口作为模式对话框.我使用了window.open,但它显示了两个实例父页面以及弹出页面.当弹出页面打开时,不允许单击父页面.

function openWindow() {
  var w = 950;
  var h = 350;
  var t = 0;
  var l = 0;
  var scrollbars = 1;
  var modal = 'yes';

  var reportWindow = window.open("Search.aspx" + '', '', "width=" + w + ",height=" + h + ",left=" + l + ",top=" + t + ',scrollbars=' + scrollbars + 'modal' + modal);
  reportWindow.focus();
}
Run Code Online (Sandbox Code Playgroud)

Mat*_*att 6

你的代码行,

reportWindow = window.open("Search.aspx" + '', '', "width=" + w + ",height=" + h + ",left=" + l + ",top=" + t + ',scrollbars=' + scrollbars + 'modal' + modal);
Run Code Online (Sandbox Code Playgroud)

模态后缺少'='符号.它应该是,

reportWindow = window.open("Search.aspx" + '', '', "width=" + w + ",height=" + h + ",left=" + l + ",top=" + t + ',scrollbars=' + scrollbars + 'modal=' + modal);
Run Code Online (Sandbox Code Playgroud)

要打开窗口作为对话框,

 <html>
    <body>
    <script language="JavaScript">
    function openWindow() {
       if (window.showModalDialog) {
window.showModalDialog("http://example.com","name",
"dialogWidth:255px;dialogHeight:250px");
} else {
window.open('http://example.com','name',
'height=255,width=250,toolbar=no,directories=no,status=no, linemenubar=no,scrollbars=no,resizable=no ,modal=yes');
}
    } 
    </script>
    <button onclick="openWindow();">Open window</button>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

如果上面的代码不起作用,请使用jQuery模式对话框.您可以使用iframe将任何网址加载到对话框.