获取iframe子页面元素报错

iframe 常见问题解析

1. jquery在iframe子页面获取父页面元素代码如下: $("#objid",parent.document) 2. jquery在父页面获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document) 3.js在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id"); 4.js在父

Selenium_webdriver获取iframe子页面元素

有时候我们在定位一个页面元素的时候发现一直定位不了,反复检查自己写的定位器没有任何问题,代码也没有任何问题.这时你就要看一下这个页面元素是否在一个iframe中,这可能就是找不到的原因之一.如果你在一个default content中查找一个在iframe中的元素,那肯定是找不到的.反之你在一个iframe中查找另一个iframe元素或default content中的元素,那必然也定位不到. selenium webdriver中提供了进入一个iframe的方法: WebDriver org.

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子页面获取父页面元素

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

Js动态获取iframe子页面的高度////////////////////////zzzz

Js动态获取iframe子页面的高度 Js动态获取iframe子页面的高度总结问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成. IE用contentWindow | 3C用contentDocument来获取子页面 IE用documen

Js获取iframe子页面全局变量

项目中通过iframe内嵌了一个子页面,子页面定义了一些全局变量,父页面需要获取子页面的全局变量,做了一些测试(我的环境IE10和Firefox32.0.3),得出如下结论: IE下: window.frames['iPage'].变量名火狐下:window.frames['iPage'].contentWindow.变量名 IE&火狐下:document.getElementById('iPage').contentWindow.变量名具体原因没有深究,今天在调试一个iframe例子的

获取iframe子页面节点，响应浏览器宽高

获取iframe子页面节点,响应浏览器宽高 html部分代码 <div> <iframe width="100%" height="100%" id="org" src="" frameborder="0"></iframe> </div> 实现方法 <script> //新增页面加载时,响应浏览器宽高 window.onload = functi

获取iframe子页面内容高度给iframe动态设置高度

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>客户详情</title> <script src=&quo

如何实现跨域获取iframe子页面动态的url

有的时候iframe的子页面会动态的切换页面,我们在父页面通过iframe1.contentWindow.window.location只能获取同源的子页面的信息.获取跨域的子页面信息会报错. 这时可以通过html5 提供的接口 postMessage来过去跨域子页面信息.如下代码: 在localhost:8000服务器下的入口测试页面:http://localhost:8000/index.html <!DOCTYPE html> <html lang="en"&g

Js动态获取iframe子页面的高度总结

问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成. IE用contentWindow | 3C用contentDocument来获取子页面 IE用document.documentElement.scrollHeight(兼容ie6 ie7)|

jquery读取iframe子页面和父页面的处理

1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");

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

在iframe子页面获取父页面元素代码如下: $.('#objld', parent.document); 在父页面获取iframe子页面的元素代码如下: $("#objid", document.iframes('iframe').document) 或代码如下: $(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementById('iframeI

父子页面之间元素相互操作(iframe子页面)

js/jquery获取iframe子页面中元素的方法: 一.使用window.frames["iframe的ID"]获取元素 window.onload = function() { var oIframe = window.frames["oIframe"].document.getElementById("getFrame"); console.log(oIframe); } 注意:此处一定要加上window.onload或者DOMConte

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

iframe子页面与父页面元素的访问以及js变量的访问

1.子页面访问父页面元素 parent.document.getElementById('id')和document相关的方法都可以这样用 2.父页面访问子页面元素 document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument后可以使用document相关方法 var tet = document.getElementById('iframeId').con

ifram父页面、子页面元素及方法的获取调用

page1 父页面 <div id="ifram" class="parent1"> <iframe frameborder="0" id="ifram1" name="ifram1" scrolling="auto" src="http://frontendg.com/site/ifram1" style="border: 1px sol

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.

html中iframe子页面与父页面元素的访问以及js变量的访问

1.子页面访问父页面元素 parent.document.getElementById('id')和document相关的方法都可以这样用 2.父页面访问子页面元素 document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument后可以使用document相关方法 3.子页面访问父页面js变量或方法(注:父页面的js变量需为全局变量和全局方法)

获取iframe引入页面内的元素

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

layui type:2 iframe子页面向父页面传值

需求: 选择子页面表格中的radio或者双击该行,得到的该行数据传到父页面,由父页面渲染. 网上的各种方法都用了,父页面就是获取不到子页面传的值,过了一晚上,睡了一觉,柳暗花明又一村. layui type:2 iframe子页面向父页面传值: parent.objjson = obj.data //核心重点可以直接给父页面赋值,layui.use里获取 html <table class="layui-hide" id="test" lay-filter=

js之iframe子页面与父页面通信

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.w

获取iframe子页面元素报错

热门专题