全局变量
(1)1.htm源码:
<input type=button value="test" onclick="self.frames['a'].document.all.mybutton.disabled=true">
<iframe name='a' src="2.htm" id="iframe2"></iframe>
(2)2.htm源码
<input type=button value="mybutton" id="mybutton"></script>
<script language=javascript>
function showInfo(){alert();}
------------------------------------------------
在1.htm中点击test按钮,可以使2.htm(iframe页面)中mybutton按钮失效.就这么简单,呵呵.如果要调用2.htm中的JS函数这样写:
self.frames['a'].funtionname(param)
在1.htm中调用2.htm中的JS函数:iframe2.showInfo();
2.我遇到的问题:做一个项目时按照上述方法却无法访问iframe中的元素!!代码就是拷贝过来改变量名得来的,怎么就是不行呢?
后来,发现一点本质的不同:我的iframe页用的不是站内的页面,是指向外站中的url的!
将外站页面存到本站内后,就可以了,呵呵!
也就是说对于iframe中的页,如果是外站的页面,本站是没有对它的控制权的,甚至页中元素也是无法读取访问的.
动态更改iframe的高度
function changeParent(){
if (frameid1 != "" && parent!=null )
parent.document.getElementById("frameid1").style.height=document.body.scrollHeight;
}
}
**********************************************************************
兼容性问题:
经测试上面方法在IE中都正常,但后来chrome浏览器升级后就无法访问iframe中的方法。
解决办法:
将 self.frames['a'].funtionname(param)
改为
self.frames['a'].contentWindow.funtionname(param)
**********************************************************************
相关推荐
js iframe 方法及元素相互调用 js调用iframe方法
IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法: 代码...
本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title>...
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位): 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位): 代码如下: ...
iframe框架\JS获取iframe元素
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
js获取iframe中的内容
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent....
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
刚开始用iframe页面嵌套(第一次尝试使用),但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位,具体表现为,当嵌套的子页面的高度大于父页面的高度,且子页面中有触发弹框事件时,这时,如果子页面高度远远...
通过HTTPClient界面在JSP中嵌入iframe子界面跨域时,无法获取跨域界面的属性值的问题
下面小编就为大家带来一篇原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
iframe 跨域访问session问题解决方法
主要处理javascript对iframe框架的处理
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下
jqery 各种取iframe值!
本篇主要是对JS操作iframe里的dom进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
该文档介绍了vue和普通web页面中iframe实现跨域的解决方案,解决了主页面中无法调用iframe方法的问题