跨iframe页面访问元素

// 父页面访问iframe子页面
// 标准浏览器
document.getElementById("iframe1").contentDocument.getElementById("div1").style.background = ‘red‘;
window.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
// IE专用
document.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
window.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
// iframe子页面访问父页面
parent.document.getElementById("div1");
// 多级iframe需用top
top.document.getElementById("div1");
// iframe高度自适应
document.getElementById(ifr_Id).onload = function () {
    var ifrHeight = window.frames[ifr_Id].document.body.offsetHeight;
    this.style.height = ifrHeight + ‘px‘;
    $(This).parent().height(ifrHeight);
}
时间: 2024-10-05 23:25:30

跨iframe页面访问元素的相关文章

获得某个iframe页面某个元素的值

在Web开发时,很多时候会遇到一个问题.我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值.那么该如何实现这个需求呢? 先来看下演示:凯时娱乐城 效果演示 iframe1中文本框的值: 在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在Firefox下无效.所以,想到在Fi

iframe与主框架跨域相互访问方法

iframe 与主框架相互访问方法  http://blog.csdn.net/fdipzone/article/details/17619673/ 1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,name=myframe A.html有js function fMain() B.html有js function fIframe() 需要实现 A.html 调用 B.html 的 fIframe(

iframe与主框架跨域相互访问方法【转】

转自:http://blog.csdn.net/fdipzone/article/details/17619673 1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,name=myframe A.html有js function fMain() B.html有js function fIframe() 需要实现 A.html 调用 B.html 的 fIframe(),B.html 调用 A.htm

【JavaScript】frame跨域访问元素

什么是跨frame访问元素呢?比如main.html中有如下代码: <frameset cols="50%,*"> <frame src="frame1.html"> <frame src="frame2.html"> </frameset> 如果想在frame2.html的页面操作frame1.html中的元素,那么通过如下的js代码就可以完成: parent.frames[0].document

Java Selenium (十二) 操作弹出窗口 &amp; 智能等待页面加载完成 &amp; 处理 Iframe 中的元素

一.操作弹出窗口   原理 在代码里, 通过 Set<String> allWindowsId = driver.getWindowHandles(); 来获取到所有弹出浏览器的句柄, 然后遍历, 使用swithcto.window(newwindow_handle)方法. 就可以定位到新的窗口. 测试页面的HTML <html> <head> <title>常见web ui元素操作, 及API使用</title> <script type

父子页面之间元素相互操作(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引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

跨域和非跨域 获取iframe页面高度的方法

跨域方法: 第一步,在主页面里插入代码://假设主域名是www.aaa.com  需要插入的跨域域名为www.bbb.com <iframe src="http://www.bbb.com/index.html" width="100%" height="100%" id="iframepage" name="iframepage" onLoad="iFrameHeight()"

获取页面内iframe里面的元素

结构直接看图比较直接 这里window.frames获取的是iframe的数组 要记得给iframe加个ID才行 后面的记录会详细讲解 在父窗口获取页面内的iframe 里面的元素window.frames['ifm'].contentWindow.document.getElementById('focus001').style.display="none";