`

Firefox的IFrame编程

阅读更多


//最近碰到了很多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对象.
分享到:
评论

相关推荐

    防止页面被iframe(兼容IE,Firefox火狐)

    本文将详细介绍如何在不同浏览器,特别是兼容IE和Firefox火狐的情况下,防止页面被iframe。 首先,我们来看一下早期用于防止页面被iframe的JavaScript代码: ```javascript if (top.location !== self.location) ...

    iframe高度自适应,多浏览器兼容

    3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...

    【ASP.NET编程知识】iframe跨域与session失效问题的解决办法.docx

    深入分析:出于隐私安全的考虑,IE 会丢失 Iframe 中的 Cookie,IE6/IE7 支持的 P3P(Platform for Privacy Preferences Project specification)协议默认阻止第三方无隐私安全声明的 Cookie,Firefox、Chrome 不...

    javascript firefox 自动加载iframe 自动调整高宽示例

    根据提供的文件内容,该文件主要介绍了如何在JavaScript中实现Firefox浏览器下iframe的自动加载以及如何在内容完全加载后自动调整其高度和宽度。此外,文档中还提到了一个问题,关于如何在不同浏览器中正确地调用...

    iframe自适应内嵌页的高试,无srcoll

    2. **隐藏滚动条**:要隐藏`&lt;iframe&gt;`内的滚动条,可以在`iframe`的CSS样式中设置`scrollbar-width`(对于Firefox)和`overflow`(对于其他浏览器)属性。例如: ```css iframe { scrollbar-width: none; /* Fire...

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...

    iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过

    在本问题中,我们关注的是如何使`iframe`自适应其内容的宽度和高度,并确保在不同浏览器,如IE6、IE7、IE8以及Firefox 3.86下正常工作。 首先,代码中定义了一个变量`temp_iframe`,用于存储创建的`iframe`元素。...

    一个支持Chrome和Firefox的独立浏览器扩展程序的内容阻止列表

    标题中的“一个支持Chrome和Firefox的独立浏览器扩展程序的内容阻止列表”指的是用于这两个主流浏览器的插件或扩展程序,其主要功能是阻止特定类型的内容,如广告、追踪器或者不受欢迎的网页元素,以提高浏览体验。...

    share2QR:将当前 firefox tab url 转换为二维码,url 包裹在 iframe 标签中

    "share2QR" 是一个专门为 Firefox 浏览器开发的扩展插件,它的主要功能是能够快速地将用户当前浏览的网页URL转换成二维码(QR Code),以便于通过移动设备扫描直接访问该网页。"iframe" 标签在此场景中的作用是,它...

    JS实现pasteHTML兼容ie,firefox,chrome的方法

    本文将详细介绍如何使用JavaScript实现一个兼容IE、Firefox和Chrome的`pasteHTML`方法。 首先,我们要理解在不同浏览器中处理粘贴事件的方式: 1. **Internet Explorer (IE)**:在IE中,我们可以使用`document....

    JS判断iframe是否加载完成的方法

    对于非IE浏览器,如Firefox、Chrome、Safari等,我们可以直接使用`onload`事件监听`iframe`的加载状态。一旦`onload`事件触发,表示`iframe`已完成加载。以下是相关代码: ```html var iframe = document....

    引用 js在IE与FF之间的区别详细解析

    IE(Internet Explorer)和FF(Firefox)作为曾经的两大主流浏览器,它们之间的JavaScript实现存在不少差异,这些差异常常会给前端开发者带来诸多不便。了解这些差异,并采取相应的兼容性处理策略是前端开发工作中的...

    在线编辑器的实现原理(兼容IE和FireFox)

    本文将详细探讨在线编辑器的实现原理,特别是如何兼容IE和Firefox这两种主流浏览器。 首先,我们要知道在线编辑器的核心是将网页的一部分变为可编辑状态。在IE5.5及之后的版本中,引入了“编辑模式”(designMode)...

    IE和ff的兼容技巧

    本文将根据作者从事网站前端编程两年的经验总结,针对Internet Explorer(简称IE)和Mozilla Firefox(简称FF或Firefox)这两种常用浏览器的兼容性问题进行深入探讨,并提出相应的解决技巧。 #### 二、具体兼容技巧...

    X-Frame-Options头未设置 防止网页被iframe内框架调用

    大部分现代浏览器,包括IE8.0+、Firefox 3.6.9+、Opera 10.50+、Safari 4.0+ 和 Chrome 4.1.249.1024+,都已经支持X-Frame-Options响应头。然而,对于不支持此功能的较旧浏览器,可能需要采用其他安全策略,如...

    Selenium WebDriver精讲

    第十四章讲解了如何使用已存在的Firefox profile来启动浏览器。这允许测试脚本继承用户的个性化设置,从而更接近真实的使用场景。 **使用已存在的profile启动Firefox的方法**: - 加载用户已有的Firefox profile。 ...

    JS获取鼠标位置(兼容FF)

    标题“JS获取鼠标位置(兼容FF)”指的是用JavaScript实现一个能在不同浏览器,特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键,因为不同的浏览器有时会有不同的...

Global site tag (gtag.js) - Google Analytics