获取iframe相对于浏览器偏移

多级iframe中，获取元素相对于浏览器左上角的坐标（非当前frame）

搜索了好多文章,都不是自己想要的,所以在此贴下自己的解决方案,做个笔记. 1.常规需求:获取当前元素距离左边.顶部的距离 1 var x = $(div).offset().left; 2 var y = $(div).offset().top; 2.当元素处于iframe中时候,上面的方法获取的将是相对于iframe的的距离此时我的做法是判断当前容器是不是iframe,如果是,则递归查找父级容器.累加每级容器计算的值即可 1 function GetPointInScreen(e, x, y

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

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

js获取iframe里的body内容

做个页面需要加入a.html 使用的js动态添加iframe 直接JQ添加的代码 $(".banner-box").after(“<iframe src="http://www.xxx.com/publish/d1111top.html" height="8191" width="100%" frameborder="0" scrolling="no" id="fra

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

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

javascript_获取iframe框架中元素节点的属性值

1. DOM:文档对象模型 [window 对象] 它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 2. JS原生方法获得iframe的window对象 document.getElementById("ifr").contentWindow; 3. 获取iframe框架的思路: (1)找到iframe框架 (2)获取iframe框架的window对象 (3)获取w

获取iframe 内元素的方法

1,原生的方法首先给iframe 设置 id 属性 var obj = document.getElementById('iframe').contentWindow; setTimeout(function(){ // $('#iframe').contents().find('#box').html('wohao'); obj.document.getElementById('box').innerHTML = '222'; },0) 兼容ie.火狐和谷歌,具体浏览器的版本没有去测试 2,

js获取页面元素距离浏览器工作区顶端的距离

先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript) document.documentElement.scrollLeft //firefox (javascript) document.body.scr

获取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子页面动态的url

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

Python3.x：selenium获取iframe内嵌页面的源码

Python3.x:selenium获取iframe内嵌页面的源码前言在一些网页中经常会看到ifrmae/frame标签,iframe是嵌入式框架一般用来在已有的页面中嵌入另一个页面,当一个元素在iframe里时我们应该先切换到iframe里面. 语法 1.进入iframe iframe = self.driver.find_element_by_xpath("//iframe[contains(@src,'https://************/auth?e_p=1&respon

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

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)

js如何获取iframe页面内的对象

简单介绍iframe标签,所有的浏览器都支持<iframe>标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架).通常我们常用的iframe标签的属性有:width(iframe 的宽度).height(iframe 的高度).frameborder(显示框架周围的边框).src(iframe 中显示的文档的 URL). 那么如何使用js来获取iframe页面内的对象呢,以及反过来说内嵌的iframe页面又该如何得到父级页面的对象? 注意地方: 需要在服务器下运行父级页面须

获取iframe的window对象

在父窗口中获取iframe中的元素 // JS // 方法1: var iframeWindow = window.frames["iframe的name或id"]; iframeWindow.document.getElementById("iframe中控件的ID"); // 方法2: var iframeWindow = document.getElementById("iframe的name或id").contentWindow; ifr

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动态获取iframe子页面的高度////////////////////////zzzz

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

在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

JS/jquery获取iframe内部元素和ifame中获取外部元素精华

1.从外部获取iframe内部元素方法: js : window.frames['frame'].document.getElementById("imglist"); //frame为iframe的name值/ID值. jq : $(window.frames['frame'].document.getElementById("imglist")); //frame为iframe的name值/ID值. 2.从内部获取外部的元素方法: js :window.p

获取iframe的元素并进行操作

获取iframe中的document元素有一下集中方法: 1.getElementById()方法和contentWindow属性: window.onload=function(){ /*必须等待页面加载结束后*/ document.getElementById("iframe的ID").contentWindow.document.getElementById("元素的ID") document.getElementById("iframe的ID&qu

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中的元素

父窗口中获取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相对于浏览器偏移

热门专题