作者: Winty
时间: 2008-12-26
在网上找到在IE下操作IFrame内容的代码:
document.frames["MyIFrame"
].document.getElementById("s"
).style.color="blue"
;
但是这在Firefox下无效。
所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
document.getElementById("MyIFrame"
).contentDocument.getElementById("s"
).style.color="blue"
;
详细代码如下:
TestIFrame.htm:
<html>
<head>
<script type="text/javascript"
>
function
f(){
var
doc;
if
(document.all){//IE
doc = document.frames["MyIFrame"
].document;
}else
{//Firefox
doc = document.getElementById("MyIFrame"
).contentDocument;
}
doc.getElementById("s"
).style.color="blue"
;
}
</script>
</head>
<body onload="f()"
>
<iframe id = "MyIFrame"
name = "MyIFrame"
src = "MyIFrame.htm"
width = "100"
height="100"
>
</body>
</html>
MyIFrame.htm:
<
h1
id = "s" style
="color:red;"
>
内容<
h1
>
附件内容:
1.TestIFrame.htm
2.MyIFrame.htm
文章来源:http://wintys.blog.51cto.com/425414/123303
[附件]:MyIFrame.zip
分享到：
相关推荐
这篇博文《图片延迟加载(兼容IE&FF&Chrome)》可能详细介绍了如何实现这一技术，虽然具体的实现代码没有直接提供，但从标签“源码”我们可以推测，博主可能分享了一段JavaScript代码来实现这个功能。`temp.html`可能...
对于兼容性问题，JavaScript通常配合CSS3使用，因为CSS3提供了许多强大的布局功能，如Flexbox和Grid，但在老版本的IE浏览器（特别是IE8及以下）中，这些新特性可能不被支持。为了实现对这些浏览器的兼容，我们可以...
在JavaScript中导入Excel文件，尤其是在兼容古老的Internet Explorer 11（IE11）浏览器时，需要考虑到这个浏览器并不支持现代的File API和其他先进的Web技术。本文将深入探讨如何实现这一功能，以及涉及到的关键知识...
4. **浏览器兼容性**：由于IE和FF对某些CSS属性和JavaScript语法的支持可能存在差异，因此需要使用条件注释、polyfill或者像Modernizr这样的工具来确保在不同浏览器中的兼容性。 5. **事件处理**：JavaScript中的`...
IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法： 代码...
本文将详细介绍如何通过JavaScript（简称JS）来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发，逐步深入到具体的实现细节，并...
在iOS和Android平台之间，网页开发常常面临一些兼容性问题，特别是在使用`iframe`元素时。`iframe`，即内联框架，常用于在单一HTML文档中嵌入其他网页内容，实现页面组件的复用。然而，iOS系统对`iframe`的处理方式...
在本案例中，"兼容ie和ff的页签"指的是一个JavaScript实现的页签功能，能够同时在Internet Explorer（IE）和Firefox（FF）这两个主流浏览器上正常工作。由于这两种浏览器对某些Web标准的实现存在差异，因此创建跨...
在本示例中，"js新闻上下滚动效果（兼容IE和ff）"指的是利用JavaScript实现一个新闻标题在网页上进行上下滚动的效果，这种效果常见于新闻网站，能够展示多条新闻，同时保持页面空间的有效利用。这个效果不仅在现代...
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames[“MyIFrame”].document; }else{//Firefox doc = document.getElementById(...
"JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题，聚焦于如何使用JavaScript（JS）在各种浏览器环境下处理Excel文件，包括古老的Internet Explorer（IE）、Firefox以及Chrome。下面我们将深入探讨这...
标题提到的"好用的兼容IE，FF的下拉菜单"显然指的是一个能够同时在Internet Explorer（IE）和Firefox（FF）这两种主流浏览器上正常运行的下拉菜单解决方案。在网页开发中，由于各个浏览器对CSS和JavaScript的支持...
标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效，它在鼠标悬停（mouseover）某个元素时，会触发一个特定的动画效果，即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器（Google ...
本篇将详细介绍如何在各种浏览器环境下，包括Chrome、Firefox、IE10、IE9、IE8以及IE7，获取`iframe`子网页的高度。 首先，`iframe`的`height`属性通常用于设置或获取`iframe`元素的高度。但这个属性仅能设置固定值...
标题“兼容ie，FF，chrome，opera的弹出层居中js”所指的就是一个JavaScript实现的弹出层（popup layer）定位代码，它能在Internet Explorer（IE）、Firefox（FF）、Chrome以及Opera这些主流浏览器中实现居中显示。...
本文主要探讨Internet Explorer（简称IE）与Mozilla Firefox（简称FF或MF）之间在JavaScript脚本执行时存在的兼容性问题。这些问题涉及到文档对象模型（DOM）操作、事件处理等多个方面，对于开发跨浏览器兼容的应用...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
这里特别提到了对IE7、IE8和Firefox（FF）的支持，这表明该技术已经考虑了这些浏览器之间的兼容性问题，因为这些浏览器在处理某些CSS和JavaScript特性时可能存在差异。 描述中提到的问题“在IE6浏览器中图片可能会...