弹出新页面，只能在新页面点操作了以后才能点原页面，怎么实现？

同上按下页面的某个按钮之后，弹出新页面，然后之前的页面处于灰色界面，只有在新弹出的界面点了操作以后，才能继续去之前的页面操作。请问下怎么实现。我是新手，刚学javascript不久各位大大能尽量详细些，有源码更好。

解决方案 »

  1.   

     window.showModalDialog("b.html");//模态对话框
      

  2.   

    parent.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script>
    function test(){
    window.showModalDialog("son.html");
    }
    </script>
    </head><body>
        <input type="button" id="btn" onclick="test()" value="打开" />
    </body>
    </html>son.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>son</title>
    </head><body>
    <h1>必须先关掉我，才可以操作父页面</h1>
    </body>
    </html>