//最近碰到了很多ie和firefox的js问题,发现主要集中在ie和firefox的js结构有些不同,ie有很多默认,firefox没有,firefox需要写清路经。在网上找到这个东西,抛砖引玉。
前天接到一个任务,在向一个输入框输入时,动态从服务器获取辅助录入数据。很简单想到使用IFrame实现(当然也可以使用httpRequest,但我只是使用Notepad没有server所以选择IFrame)。
于是简单的写下如下代码:
<iframe style="display:none;" id="dataLoader" onload="getData()"></iframe>
function getData(){
var d=document.getElementById("dataLoader").document;
var data=d.getElementById("list");
//...
//以下省略
//...
}
当我使用IE时没有问题,但使用Firefox时有问题,:(.
我跟踪发现document.getElementById("dataLoader").document返回是空值。
紧接着我发现ff中document.getElementById("dataLoader")的类型是Frame,于是网上一通查,o终于找到
http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html
过去我一直郁闷没有mozilla手册,现在好了,找到了。
由frame我找到
var d=document.getElementById("dataLoader").document;
应改为
var d=document.getElementById("dataLoader").contentWindow.document;
contentWindow属性可以返回Frame中的window;可是MSDN中也这个属性,但不写也可以,嗨IE中可能有默认属性吧。
另外:可以使用
window.frames["frameName"].document语法直接获取frame里的document对象.
分享到:
相关推荐
本文将详细介绍如何在不同浏览器,特别是兼容IE和Firefox火狐的情况下,防止页面被iframe。 首先,我们来看一下早期用于防止页面被iframe的JavaScript代码: ```javascript if (top.location !== self.location) ...
3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...
深入分析:出于隐私安全的考虑,IE 会丢失 Iframe 中的 Cookie,IE6/IE7 支持的 P3P(Platform for Privacy Preferences Project specification)协议默认阻止第三方无隐私安全声明的 Cookie,Firefox、Chrome 不...
根据提供的文件内容,该文件主要介绍了如何在JavaScript中实现Firefox浏览器下iframe的自动加载以及如何在内容完全加载后自动调整其高度和宽度。此外,文档中还提到了一个问题,关于如何在不同浏览器中正确地调用...
2. **隐藏滚动条**:要隐藏`<iframe>`内的滚动条,可以在`iframe`的CSS样式中设置`scrollbar-width`(对于Firefox)和`overflow`(对于其他浏览器)属性。例如: ```css iframe { scrollbar-width: none; /* Fire...
本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...
实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...
在本问题中,我们关注的是如何使`iframe`自适应其内容的宽度和高度,并确保在不同浏览器,如IE6、IE7、IE8以及Firefox 3.86下正常工作。 首先,代码中定义了一个变量`temp_iframe`,用于存储创建的`iframe`元素。...
标题中的“一个支持Chrome和Firefox的独立浏览器扩展程序的内容阻止列表”指的是用于这两个主流浏览器的插件或扩展程序,其主要功能是阻止特定类型的内容,如广告、追踪器或者不受欢迎的网页元素,以提高浏览体验。...
"share2QR" 是一个专门为 Firefox 浏览器开发的扩展插件,它的主要功能是能够快速地将用户当前浏览的网页URL转换成二维码(QR Code),以便于通过移动设备扫描直接访问该网页。"iframe" 标签在此场景中的作用是,它...
本文将详细介绍如何使用JavaScript实现一个兼容IE、Firefox和Chrome的`pasteHTML`方法。 首先,我们要理解在不同浏览器中处理粘贴事件的方式: 1. **Internet Explorer (IE)**:在IE中,我们可以使用`document....
对于非IE浏览器,如Firefox、Chrome、Safari等,我们可以直接使用`onload`事件监听`iframe`的加载状态。一旦`onload`事件触发,表示`iframe`已完成加载。以下是相关代码: ```html var iframe = document....
IE(Internet Explorer)和FF(Firefox)作为曾经的两大主流浏览器,它们之间的JavaScript实现存在不少差异,这些差异常常会给前端开发者带来诸多不便。了解这些差异,并采取相应的兼容性处理策略是前端开发工作中的...
本文将详细探讨在线编辑器的实现原理,特别是如何兼容IE和Firefox这两种主流浏览器。 首先,我们要知道在线编辑器的核心是将网页的一部分变为可编辑状态。在IE5.5及之后的版本中,引入了“编辑模式”(designMode)...
本文将根据作者从事网站前端编程两年的经验总结,针对Internet Explorer(简称IE)和Mozilla Firefox(简称FF或Firefox)这两种常用浏览器的兼容性问题进行深入探讨,并提出相应的解决技巧。 #### 二、具体兼容技巧...
大部分现代浏览器,包括IE8.0+、Firefox 3.6.9+、Opera 10.50+、Safari 4.0+ 和 Chrome 4.1.249.1024+,都已经支持X-Frame-Options响应头。然而,对于不支持此功能的较旧浏览器,可能需要采用其他安全策略,如...
第十四章讲解了如何使用已存在的Firefox profile来启动浏览器。这允许测试脚本继承用户的个性化设置,从而更接近真实的使用场景。 **使用已存在的profile启动Firefox的方法**: - 加载用户已有的Firefox profile。 ...
标题“JS获取鼠标位置(兼容FF)”指的是用JavaScript实现一个能在不同浏览器,特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键,因为不同的浏览器有时会有不同的...