获取iframe的父dom

父子页面（iframe）相互获取对方dom元素

现在iframe的使用虽然开始越来越少,但是还是有牵涉到iframe的使用情况,特别是多个iframe互相嵌套,又要进行获取的情况. 现在整理了父子iframe之间互相获取的方式. (1)父页面获取子页面的方式. 主要通过: iframe的contentWindow属性,代表iframe所在的window对象. 示例如下: <script type="text/javascript"> window.onload = function(){ var cWindow = do

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

javascript 获取iframe中的dom

太扯了,一个多小时都没搞定,获取不到iframe中的dom元素. <div id="one"> this is one </div> <div> <iframe src="./demo.html" id="test"> </iframe> </div> <script type="text/javascript"> console.log(wi

跨域下使用获取iframe的父页面URL

通常情况下,我们获取iframe父页面的url很简单:parent.location或top.location即可,但前提是它们遵循同源策略. 当iframe与父页面不属于同一个域名时,像上面的获取会因为安全策略原因而失败.在nczonline的一篇文章上看到一种方法,使用document.referrer. 方法很简单,通过parent !=window检测iframe与父页面是否同源,当不同源时,使用document.referrer,否则使用parent.location.href或者to

js获取iframe和父级之间元素，方法、属，获取iframe的高度自适应iframe高度

摘自:http://blog.csdn.net/kongjiea/article/details/38870399 1.在父页面获取iframe子页面的元素 (在同域的情况下且在http://下测试,且最好在iframe onload加载完毕后 dosomething...) js写法 a.同过contentWindow获取也有用contentDocument 获取的但是contentWindow 兼容各个浏览器,可取得子窗口的 window 对象.contentDocument Fir

js获取iframe里面的dom

最近在写页面遇到了问题,一个dom好多地方用到,然后我就单独写了个html页面,然后用iframe引入,但是,想获取iframe里面input的value,获取不到input,后面才知道原来js不能直接获取iframe里面的元素,上代码引入公共html :deadSeedling.html <IFRAME id="deadSdl" marginWidth=0 marginHeight=0 src="common/deadSeedling.html" fram

layer 当前页获取iframe页的DOM元素

layer.layui 开启iframe 之后,获取iframe 内容做自定义处理. parent.layer.open({ type: , title: '任務執行狀況.', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['1150px', '650px'], content: '/CrystalQuartzPanel.axd', success: function (layero, index) { va

Jquery获取iframe子/父窗口中的标签

获取子窗口中的标签: $("#id",document.frames('iframename').document); 获取父窗口中的标签: $('#id', parent.document);

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:window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法. 获取页面的对象其实就是dom方法外面加上jquery的选择符: 父窗口中操作iframe:$(window.frames["iframeChild&qu

js 在iframe子页面获取父页面元素,或在父页面获取iframe子页面的元素的几种方式

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

在iframe父界面获取iframe里面的标签

上一篇里边介绍了在里边利用iframe引入另一个html导航文件,有兴趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html 目前遇到一些问题们,想要在引用了iframe的文件里修改iframe里边的样式. 解决了这个问题,整理一下,供大家参考 demo: <div class="iframe"> <iframe src="header.html" width="100%&quo

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 }

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 Dom元素

Jquery 方式获取 iframe Dom元素測试页面代码: <html> <head> <title>jquery方式,訪问iframe页面dom元素</title> <meta name="Author" content="孙勤波"> <meta http-equiv="Content-Type" content="text/html;charset

父窗口中获取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窗体内获取父级的元素；；在父窗口中获取iframe中的元素

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

iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素

一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", document.iframes('iframe').document) 或代码如下:var doc = $(document.getElementById('iframeId').contentWindow.document);var ele = $("#objId",doc);

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

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

Layer获取iframe的dom元素及调用iframe页的js方法

1. 父页面点击第一个按钮触发,获取子页面中的body元素,调用子页面中定义的js方法 yes : function(index,layero){ //获取iframe的body元素 var body = layer.getChildFrame('body',index); //得到iframe页的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; //执行iframe页的showMsg方法 iframeWin.showM

关于iframe嵌套、动态获取iframe内的url、父页面重定向

1 $(function () { 2 //选择器是选择了easyui中的点击链接,出现新的iframe 3 $("a[target='mainFrame']").click(function () { 4 iframes = document.getElementsByTagName("iframe"); 5 //即使iFrame的链接跳转到另一个页面,但在他的上级页面查看是页面代码时该iframe还是原来的url,而这时候改iframe确实跳转了 6 //所以,

获取iframe的父dom

热门专题