作者: 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中导入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、火狐方法： 代码...
在本资源中，作者可能对原有的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的支持...
- 切换frame内容时，IE和FF有不同的语法，可以通过编写兼容性代码来统一处理。 理解和解决这些差异对于创建跨浏览器兼容的Web应用至关重要。开发者通常会借助像jQuery这样的库来简化跨浏览器的兼容性工作，因为...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
这里特别提到了对IE7、IE8和Firefox（FF）的支持，这表明该技术已经考虑了这些浏览器之间的兼容性问题，因为这些浏览器在处理某些CSS和JavaScript特性时可能存在差异。 描述中提到的问题“在IE6浏览器中图片可能会...
"JSCal2-1.5"是一款经典的日历控件，它具有良好的跨浏览器兼容性，包括对Internet Explorer（IE）和Firefox的支持。这款控件允许开发者在网页上轻松集成一个功能丰富的日历组件，用户只需点击即可选取日期，而非手动...
在互联网应用开发过程中，JavaScript 被广泛用来操控网页的结构和行为。HTML 中的 iframe 标签用于在当前页面内嵌入...同时，考虑到安全问题，应该对通过 JavaScript 访问的 iframe 内容进行限制，确保它来自可信的源。
本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明： 1. **Iframe（内联框架）**：Iframe是一...
在IT行业中，UI框架是构建用户界面的重要工具，它们提供了预设的样式、布局和组件，使得开发者可以快速地...使用这样的模板，开发者可以节省大量时间，不必再为IE8的兼容性问题烦恼，从而更专注于应用的功能和内容。
至于获取IP地址，JavaScript通常无法直接获取，但可以通过创建一个隐藏的iframe，加载一个页面来获取。例如，可以创建一个本地的HTML文件（如ie.html），该文件返回请求者的IP地址： ```html <!DOCTYPE html> ...
### IE和FF兼容性大集合 随着互联网技术的迅速发展，各式各的浏览器层出不穷，而浏览器之间的兼容性问题成为开发者必须面对的一个挑战。本文将基于实际经验与网络资源，总结Internet Explorer (IE) 和 Firefox (FF)...