aspx页面调用iframe标签里面的js函数

最新推荐文章于 2021-06-19 14:51:57 发布

原创最新推荐文章于 2021-06-19 14:51:57 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用iframe实现父子窗口间通信的例子。通过JavaScript，父页面能够调用子页面的方法，子页面也能触发父页面的事件。文章展示了如何利用jQuery简化DOM操作，并通过postMessage等技术实现跨域通信。

现在有main.aspx这样的页面，页面里面有个iframe标签

还有js 函数

   //当修改成功之后，由子容器来调用的方法
      function afterEditSuccess() {
          //关闭对话框，刷新表格
          $("#EditDiv").dialog("close");
          initTable();
        }

   //拿到子容器的windows对象
      var domFrame = $("#editFrame")[0];
      domFrame.contentWindow.submitForm();

还有子页面

     //关闭父容器的对话框，刷新父容器的表格。
     window.parent.window.afterEditSuccess();

<pre name="code" class="csharp">function submitFrm() {
            //alert("我是子容器");
            //让下面的表单整体的异步的提交到后台。
            var postData = $("#form1").serializeArray();
            $.post("EditNews.aspx", postData, function (data) {
                if (data == "ok") {
                    //修改成功
                }else {
                    alert("败了啊");
                }
            });