• 模式窗体中调用父页面Javascript


    最近项目中使用模式窗体,遇到以下问题记录一下:

    模式窗体:你必须关闭该窗体,才能操作其它窗体;比如说,必须按确定或取消,或者按关闭。

    非模式窗体:不必关闭该窗体,就可转换到其它窗体上进行操作。

    window.showModalDialog("a.html");//模式窗体

    弹出的子页面,无法调用父页面里的js,从而刷新父页面,google一下,发现了解决方案:

    1. parent.html
    <html>
    <head>
    <script language="text/javascript">
    function openwindow(){
        retval=window.showModalDialog("child.html")
        Alert(retval);
        document.getElementById('text1').value=retval
    }
    
    function Alert(msg){
        alert(msg);
    }
    </script>
    </head>
    <body>
    <form name=frm>
    <input name=text1 type=text id="text1"/>
    <input type=button onclick="javascript:openwindow()" value="Open window..">
    </form>
    </body>
    </html>

    2. child.html

    <html>
    <head>
    <script language="javascript">
    function changeparent(){
        window.returnValue="Value changed.."
        window.close()
    }
    </script>
    </head>
    <body>
    <form>
    <input type=button onclick="javascript:changeparent()" value="Change main window’s textbox value..">
    </form>
    </body>
    </html>
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。
  • 相关阅读:
    dayⅦ:元组、字典的其他操作+集合类型
    dayⅥ:作业
    dayⅥ:字符串操作+列表操作
    dayⅣ:赋值运算+if判断
    dayⅣ:赋值运算+if判断作业
    dayⅢ、基本数据类型+运算符
    爬虫解析bs4
    爬虫请求库之requests库
    爬虫原理
    各主流Linux系统解决方案pip安装mysqlclient报错
  • 原文地址:https://www.cnblogs.com/wspaceworld/p/3836821.html
Copyright © 2020-2023  润新知