转 easyUI的iframe子页面操作父页面元素

曾经试过这样的方法

在iframe子页面获取父页面元素
      代码如下:
      $(‘#objId‘, parent.document);

这样可以获得父页面的元素，但是调用EasyUI的方法的时候，就会报错。

郁闷了很久很久，最终找到方案，写法的区别，如下：

parent.$(‘#objId‘)

这样调用方法就不会报错

如：

parent.$(‘#objId‘).tabs("add", {

title: title,
      content: content,
      closable: true
});

请看下图，这是效果

点击添加按钮，打开添加页面

时间： 2024-10-03 23:28:53

转 easyUI的iframe子页面操作父页面元素的相关文章

easyUI的iframe子页面操作父页面元素

曾经试过这样的方法 在iframe子页面获取父页面元素       代码如下:       $('#objId', parent.document); 这样可以获得父页面的元素,但是调用EasyUI的方法的时候,就会报错. 郁闷了很久很久,最终找到方案,写法的区别,如下: parent.$('# objId') 这样调用方法就不会报错 如: parent.$('# objId').tabs("add", { title: title, content: content, closabl

iframe子页面操作父页面的方法

<script> //关闭iframe $('.if-close').click(function(){ $(".hide-slide",parent.document).fadeOut(); $(parent.document.body).removeClass("html-body-overflow");//显示滚动条 }); </script> 子页面的 .if-close 操作父页面的 .hide-slide 原文地址:https:/

FineUI 子页面操作父页面JS

服务器端代码 PageContext.RegisterStartupScript("setTimeout(function(){ F.getActiveWindow().window.reload() },?2000);");//延时函数 ,reload()是父页面的函数 JS端代码 var activeWindow = F.getActiveWindow(); activeWindow.hide(); activeWindow.window.reload(); 原文地址:https:

iframe 子窗口获取父窗口元素 父窗口获取子窗口元素

js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2. 格式: var obj=document.getElementByI

iframe子页面，父页面相互调用（同域）

先上代码: 父页面.html <!DOCTYPE html> <html> <head> <title>父页面</title> </head> <body> <div id='parent'></div> <iframe id="FrameId" name="frameName" frameborder="0" width="

iframe子页面调用父页面javascript函数的方法

1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用 子页面js函数 这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();

iframe子页面获取父页面元素的方法

取得iframe中元素的方法有很多,在本文为大家介绍下在iframe子页面获取父页面元素的方法,下面有个不错的示例,感兴趣的朋友可以参考下 在iframe子页面获取父页面元素 代码如下: 复制代码代码如下: $.('#objld', parent.document); 在父页面获取iframe子页面的元素 代码如下: 复制代码代码如下: $("#objid", document.iframes('iframe').document) 或 复制代码代码如下: $(document.get

iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法）

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题.顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在c

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo