window.showModalDialog()使用实例

来源:互联网 发布:php exec 返回值为1 编辑:程序博客网 时间:2024/06/05 19:50

window.showshowModalDialog()使用实例

有没有window.showModalDialog()使用实例?经过自己的总结与测试,终于摸清了一个window.showModalDialog()使用实例,在这里写个简单的window.showModalDialog()使用实例让大家参考啦!

 

父亲页

1、放获取子窗口返回值的标签与一个能触发js函数的标签:

    <asp:textbox id="tb_result" runat="server" ></asp:textbox>

    <input type="button" onclick="getSun()" value="从网盘选择" />

2、调用window.showModalDialog()的函数

     function getSun()

     {

        var result=showModalDialog('儿子页的路径','subpage','dialogWidth:800px;dialogHeight:500px;center:yes;help:no;resizable:no;status:no'); 

        document.getElementById("tb_result").value=result;

     }

 儿子页

 

1、放一个能触发js函数的标签:

    <input type="button" onclick="toFather()" value="返回" />

2、写一个返回值给父亲页的js函数

     function toFather()

   {

      window.returnValue='http://hi.csdn.net/ningxi_';

      window.close();

   }

3、别忘在<head></head>内加上<base target="_self" />,这样从父页调用子页,触发子页其它事件时就不会弹出第二个子页

结果

父亲页的tb_result.text="http://hi.csdn.net/ningxi_";

 

 

其中用到的js有window.showModalDialog(),window.returnValue,window.close()