document.frames不兼容火狐的问题

Hansion 2018-01-15

document.frames不兼容火狐的问题

获取页面中嵌入的iframe的对象时,使用document.frames('testFrame').document或者document.frames['testFrame']来获得id为testFrame的iframe的DOM对象时,用火狐调试的时候,提示document.frames is not a function,因此火狐是不支持document.frames,该获取iframe的dom对象的方法只适用于IE浏览器,如何在火狐浏览器下获得iframe的对象,可以使用以下方法:

document.getElementById('iframeid').contentWindow     获取的是window对象,

document.getElementById('iframeid').contentWindow.document     获取的是window对象的DOM对象。

js/jquery中刷新iframe方法(兼容主流)

一。js实现刷新两种方式:

  1. //方法1
  2. document.getElementById('FrameID').contentWindow.location.reload(true);
  3. //方法2
  4. document.getElementById('youriframe').src=src;

实例:

  1. <iframeid="myframe"width="100%"frameborder="0"src="test.html"scrolling="no"></iframe>
  2. <inputtype="button"onclick="javascript:refreshFrame();"value="Refresh Frame"/>
  3.  
  4. <scripttype="text/javascript">
  5. <!--
  6. function refreshFrame(){
  7.     document.getElementById('myframe').contentWindow.location.reload(true);
  8. }
  9. //-->
  10. </script>

二。jquery实现强制刷新

  1. $('#iframe').attr('src', $('#iframe').attr('src'));

总结:网上一大堆document.frames('ifrmname').location.reload()已经不能用了

相关推荐

翟浩浩Android / 0评论 2015-01-12