Jquery获取iframe中的元素

Js/Jquery获取iframe中的元素

转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素. js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件…

Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById(&quo…

【学习】如何用jQuery获取iframe中的元素

(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少用到iframe,可最近公司把主要精力放在了研发后台系统上,所以iframe的出场就高了.今天写一个小知识,如何获取iframe中的元素.js原生方法我就不写了,毕竟还是对jquery情有独钟,用到的是contents()方法,请看官方解释:http://www.w3school.com.cn/jq…

Jquery获取iframe中的元素

iframe与父页面之间相互获取元素的方法: 1.从父页面中获取iframe页面中的元素: 用法: $(window.frames["iframe_include_adverse"].document).find() 如:$(window.frames["iframe_include_adverse"].document).find("input:not(:hidden[name*='_'])"),从父页面获取iframe页面中除去隐藏域(hi…

js 获取iframe中的元素

今天要修改编辑器插件中的元素遇到的问题 jquery 在父窗口中获取iframe中的元素 1.Js代码格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1 2.Js代码格式:$("#iframe中的控件I…

父窗口中获取iframe中的元素

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

获取父窗口元素或者获取iframe中的元素（相同域名下）

jquery方法在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素"); //实例: $("#ifr").contents().find("#someid"); //方法2 $("#iframe中的控件ID",document.frames("frame的name").document); //实例 $…

使用jquery操作iframe中的元素

使用jquery操作iframe中的元素<iframe src="/test/demo.htm" width="99%" height="300" id="frameTHY"></iframe><pre><script>window.onload = function() { $( "#frameTHY" ).contents().find( "a&…

获取iframe中的元素

父窗口中获取iframe中的元素 var ifr = document.getElementById('suggustion').contentWindow.document.body; 在iframe中获取父窗口的元素格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click(); 实例:window.parent.document.getElementByIdx_x("btnOk").click(…

在iframe窗体内获取父级的元素；；在父窗口中获取iframe中的元素

在iframe中获取父窗口的元素 $(‘#父窗口中的元素ID’, parent.document).click(); 在父窗口中获取iframe中的元素 $(“#iframe的ID”).contents().find(“#iframe中的控件ID”).click();…

关于如何获取iframe中的元素

今天研究了一下iframe中元素的获取,发现有些地方还是有点坑的. 首先:如果使用纯前端手段,是没有办法获取非同源的iframe中的元素的,后面会提到后端手段一.同源环境 1.首先在父页面获取iframe中的window,然后获取元素,根据window,不仅可以获取元素,还能调用里面的方法,前提是绑定在window上面 ].contentWindow; ifW.document.getElementsByClassName('wrap') 2.在iframe中获取父页面的window wind…

js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div…

jQuery获取标签中的元素

获取双标签之间的内容在JavaScript中,获取双标签之间的内容是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ var h1=document.getElementById(…

jquery获取iframe中的dom对象

父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口:$(window.parent.document) 接下来就可以继续获取iframe内的dom了. 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2…

jquery获取iframe页面的元素

$("#iframe_id").contents().find("#iframe_page_id").val(); 其中,iframe_id是页面引用的iframe标签的id,iframe_page_id是iframe中页面的某个元素(要查找的元素)的id,当然也可以是class,name等其它属性:…

使用jquery获取iframe内的元素属性

当需要获取iframe里的内容时需要有几个前提,否则你是获取不到的: 1:当前页面与iframe的src的页面需要在同一个域名下: 2:必须要等iframe里边的页面加载完成才能获取,否则你要获取的标签就是不存在: 当这两个条件都满足的时候你就可以获取了(以下例子是本精灵通过jquery修改iframe(" iframe的ID名被取为了iframeName'")里页面的所有a标签的target属性值): function a_load(){ var isOnLoad = true; $…

JQuery获取iframe中window对象的方法-contentWindow

document.getElementsByTagName('iframe')[0].contentWindow 获取到的就是iframe中的window对象.…

Jquery取得Iframe中的元素

DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作选中父窗口中的所有输入框:$(window.parent.document…

jquery获取html中当前元素对象，以及父对象，相邻的上一个对象，或下一个对象

jsp代码: <span><input type="hidden" value="1" id="newInfo"></input></span> <div class="sx_title"><a href="#" style="cursor: hand" onclick="more(this);" cl…

js获取iframe中的元素

var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click();…

jquery获取iframe里的元素

var eleInIframe = $("iframe").contents().find("#eleId"); 绑定事件: eleInIframe.click(function(){}); eleInIframe .css("","");…

解析Jquery取得iframe中元素的几种方法

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(&qu…

JQuery调用iframe父页面元素与方法

JQuery操作iframe父页面与子页面的元素与方法下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 第四.…

使用js/jquery查找iframe中的

原生js 一.在iframe的父窗口中获取iframe中的元素: js代码格式: window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").onclick = function(){}; 实例:window.frames["ifm"].document.getElementById("btnOk").onclick = function(){…

jquery操作iframe中的js函数

关键字:jquery操作iframe中的js函数 1.jquery操作iframe中的元素(2种方式) var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某…

jQuery操作iframe中js函数的方法小结

1.jquery操作iframe中的元素(2种方式) ? 1 2 var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某个元素的id) ? 1 $('#hea…

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)…

Jquery取得iframe中元素的几种方法

[jquery]获取iframe中的body元素: $("iframe").contents().find("body").html(); [使用jquery操作iframe ]1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe>leftiframe中jQuery改变mainiframe…

jQuery从主页面存取控制 iframe 中的元素，参数及方法

从主页面上获取iframe下的某个对象,或使用iframe下的方法,或是获取iframe下某个doc元素,要求兼容各类浏览器,不仅仅ie; $(function() { $('#abgne_iframe').load(function(){ var $iframe = $(this), $contents = $iframe.contents(); // 取得 iframe 中的元素 $('#btn1').click(function(){ alert($contents.find('#t1')…

Jquery取得iframe中元素的几种方法（转载）

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text&quo…

【Jquery获取iframe中的元素】的更多相关文章