在网上找到在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>
分享到：
相关推荐
本文将详细介绍如何在各种浏览器，包括Internet Explorer（IE）和Firefox（FF）等主流浏览器中，正确地获取Iframe中的内容。 首先，理解Iframe的基本概念。Iframe是一种HTML元素，允许我们在一个网页中嵌入另一个...
通过使用jQuery来实现iframe的高度自适应，我们可以确保内容在不同浏览器（包括IE、Firefox、Safari和Chrome）中的显示一致性，无论iframe内嵌的页面有多复杂。 首先，我们需要理解iframe的基本概念。IFrame，即...
- 切换frame内容时，IE和FF有不同的语法，可以通过编写兼容性代码来统一处理。 理解和解决这些差异对于创建跨浏览器兼容的Web应用至关重要。开发者通常会借助像jQuery这样的库来简化跨浏览器的兼容性工作，因为...
本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题，我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的解决方案。下面将详细解释这个主题涉及的关键知识点。 1. **跨域资源共享 ...
在互联网应用开发过程中，JavaScript 被广泛用来操控网页的结构和行为。HTML 中的 iframe 标签用于在当前页面内嵌入...同时，考虑到安全问题，应该对通过 JavaScript 访问的 iframe 内容进行限制，确保它来自可信的源。
本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明： 1. **Iframe（内联框架）**：Iframe是一...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
本示例主要探讨如何使用JavaScript结合IFrame技术来实现异步图片上传，并提供预览功能，同时确保兼容Firefox、Chrome和IE9等主流浏览器。 首先，我们需要了解异步上传的基本原理。异步上传，也称为Ajax上传，是指在...
本文将根据作者从事网站前端编程两年的经验总结，针对Internet Explorer（简称IE）和Mozilla Firefox（简称FF或Firefox）这两种常用浏览器的兼容性问题进行深入探讨，并提出相应的解决技巧。 #### 二、具体兼容技巧...
标题“JS获取鼠标位置（兼容FF）”指的是用JavaScript实现一个能在不同浏览器，特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键，因为不同的浏览器有时会有不同的...
在IE浏览器中去除iframe的边框是一个常见的兼容性问题，尤其是对于早期的IE版本，如IE6、IE7和IE8。开发者们经常在使用iframe时遇到边框无法去除的困扰，这主要是因为这些老版本的IE浏览器对于CSS样式的支持不够完善...
本文将深入探讨如何使用JavaScript实现一个真正兼容IE、Firefox（FF）、Opera的`iframe`高度自适应解决方案。 首先，`iframe`高度自适应的主要目的是确保内嵌页面的完整内容可以在不显示滚动条的情况下完全展示。...
为了解决这个问题，我们可以利用JavaScript库jQuery来实现IFrame的高度自适应，确保无论内容如何变化，IFrame都能够自动调整高度以适应其内容，同时兼容不同的浏览器，如IE、Firefox、Safari和Chrome。 首先，我们...
IE（Internet Explorer）和FF（Firefox）作为曾经的两大主流浏览器，它们之间的JavaScript实现存在不少差异，这些差异常常会给前端开发者带来诸多不便。了解这些差异，并采取相应的兼容性处理策略是前端开发工作中的...
在提供的“兼容ie678 and FF的本地图片预览.html”文件中，开发者可能采用了`<iframe>`或`ActiveXObject`来实现预览。`<iframe>`可以创建一个独立的浏览上下文，这样可以在不影响主页面的情况下加载和显示图片。而`...
这里我们使用`designMode`属性开启iframe内的文档编辑模式，然后根据浏览器类型（IE、Firefox或Chrome）来执行不同的插入内容逻辑。 ```javascript // 开启iframe的编辑模式 function t() { window.frames["x"]...
本文将详细讲解如何使用JavaScript跨`iframe`获取值，并提供兼容IE、Firefox、Chrome等浏览器的解决方案。 首先，我们需要理解在JavaScript中，针对`iframe`获取内容的两种主要方式： 1. 对于支持`contentWindow`...
此方法主要通过JavaScript来动态获取`<iframe>`中内容的实际高度，并设置`<iframe>`的高度以实现自适应。 ```html <script type="text/javascript" language="javascript"> <!-- // 调整 PageContent 的高度 ...