作者: 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
分享到：
相关推荐
对于兼容性问题，JavaScript通常配合CSS3使用，因为CSS3提供了许多强大的布局功能，如Flexbox和Grid，但在老版本的IE浏览器（特别是IE8及以下）中，这些新特性可能不被支持。为了实现对这些浏览器的兼容，我们可以...
在JavaScript中导入Excel文件，尤其是在兼容古老的Internet Explorer 11（IE11）浏览器时，需要考虑到这个浏览器并不支持现代的File API和其他先进的Web技术。本文将深入探讨如何实现这一功能，以及涉及到的关键知识...
标题“鼠标右键选中copy功能(IE&FF兼容)”涉及到的是网页开发中关于鼠标右键功能的实现，特别是如何实现在Internet Explorer（IE）和Firefox（FF）这两种不同的浏览器中，用户通过右键选择复制（Copy）的功能。...
IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法： 代码...
本文将详细介绍如何通过JavaScript（简称JS）来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发，逐步深入到具体的实现细节，并...
今天，我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 iframe 的限制 在我们开始讨论获取 iframe 中的内容之前，我们需要了解 iframe 的一些限制。iframe 中的内容是由另一个域名下的网页提供的，这意味...
在本资源中，作者可能对原有的CSS和JavaScript代码进行了调整，以适应FF的解析规则，并解决了IE的兼容性问题。这可能包括修复了某些CSS属性的前缀问题，调整了JavaScript的DOM操作方式，以及使用了条件注释或特性...
在iOS和Android平台之间，网页开发常常面临一些兼容性问题，特别是在使用`iframe`元素时。`iframe`，即内联框架，常用于在单一HTML文档中嵌入其他网页内容，实现页面组件的复用。然而，iOS系统对`iframe`的处理方式...
#### 标题解析：“ie6 ie7 ff浏览器兼容” 该标题明确指出了文章关注的核心问题——即确保网页能在IE6、IE7及Firefox等浏览器中正确显示。这意味着开发者需要采取一定的措施来适配这些浏览器，确保无论用户使用何种...
通过使用jQuery来实现iframe的高度自适应，我们可以确保内容在不同浏览器（包括IE、Firefox、Safari和Chrome）中的显示一致性，无论iframe内嵌的页面有多复杂。 首先，我们需要理解iframe的基本概念。IFrame，即...
然而，由于浏览器之间的差异，尤其是IE（Internet Explorer）与Firefox（Firefox）对Ajax的支持不尽相同，开发者常常会遇到兼容性问题。这篇博文主要探讨了如何解决Ajax在IE和Firefox上的兼容性问题。 首先，让我们...
JavaScript实现IFrame子窗口调用父窗口的全局变量
标题提到的"好用的兼容IE，FF的下拉菜单"显然指的是一个能够同时在Internet Explorer（IE）和Firefox（FF）这两种主流浏览器上正常运行的下拉菜单解决方案。在网页开发中，由于各个浏览器对CSS和JavaScript的支持...
标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效，它在鼠标悬停（mouseover）某个元素时，会触发一个特定的动画效果，即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器（Google ...
在JavaScript（简称JS）中实现图片预览，尤其是在兼容老版本的Internet Explorer（如IE6、IE7、IE8）以及Firefox（FF）等浏览器上，需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能，并着重...
给定文件中提到的JavaScript函数getIframeContent()就是为了解决IE和Firefox在访问iframe内部文档内容时的兼容性问题。下面将详细阐述该函数实现的原理和细节： 首先，我们注意到函数getIframeContent()的定义，它...
- 切换frame内容时，IE和FF有不同的语法，可以通过编写兼容性代码来统一处理。 理解和解决这些差异对于创建跨浏览器兼容的Web应用至关重要。开发者通常会借助像jQuery这样的库来简化跨浏览器的兼容性工作，因为...
在"低版本swiper兼容ie"这个文件包中，可能包含以下内容： - `swiper.min.js`：经过压缩和优化的Swiper核心库，包含了兼容IE的代码。 - `swiper.css`：Swiper的基础样式文件，可能包含了针对IE的特定样式修复。 - `...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...