作者: 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 获取 iframe 中的内容。 iframe 的限制 在我们开始讨论获取 iframe 中的内容之前，我们需要了解 iframe 的一些限制。iframe 中的内容是由另一个域名下的网页提供的，这意味...
在本资源中，作者可能对原有的CSS和JavaScript代码进行了调整，以适应FF的解析规则，并解决了IE的兼容性问题。这可能包括修复了某些CSS属性的前缀问题，调整了JavaScript的DOM操作方式，以及使用了条件注释或特性...
在iOS和Android平台之间，网页开发常常面临一些兼容性问题，特别是在使用`iframe`元素时。`iframe`，即内联框架，常用于在单一HTML文档中嵌入其他网页内容，实现页面组件的复用。然而，iOS系统对`iframe`的处理方式...
通过使用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的支持...
在网页开发中，"兼容IE FF 省级三级联动"是一个常见的需求，涉及到前端界面交互和浏览器兼容性处理。这个需求通常出现在构建一个选择地址的下拉菜单时，用户首先选择省份，接着是城市，最后是区县，这三个级别形成一...
在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的特定样式修复。 - `...
"JSCal2-1.5"是一款经典的日历控件，它具有良好的跨浏览器兼容性，包括对Internet Explorer（IE）和Firefox的支持。这款控件允许开发者在网页上轻松集成一个功能丰富的日历组件，用户只需点击即可选取日期，而非手动...
在互联网应用开发过程中，JavaScript 被广泛用来操控网页的结构和行为。HTML 中的 iframe 标签用于在当前页面内嵌入...同时，考虑到安全问题，应该对通过 JavaScript 访问的 iframe 内容进行限制，确保它来自可信的源。
本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明： 1. **Iframe（内联框架）**：Iframe是一...