文档章节

firefox、IE下的几个不同属性的方法调用

黄复得
 黄复得
发布于 2014/05/29 15:43
字数 345
阅读 67
收藏 8

声明:document.all:该对象只有IE中才存在,故用该对象来判断浏览器的类型

一、IFRAME的对象

在IE下可通过document.frames["id"];得到该IFRAME对象,

而在火狐下则是通过document.getElementById("content_panel_if").contentWindow;

代码如下:

if(!document.all){  //火狐中得到IFRAME的对象   
        _Frame=document.getElementById("id").contentWindow;   
    }else{   
         _Frame=document.frames["id"];
    }

二、得到对象的第一个子元素

 IE的写法: _tbody=_table.childNodes[0]

在FF中,firefox会在子节点中包含空白则第一个子节点为空白"#text", 而ie不会返回空白

可以通过if("#text" != node.nodeName)过滤掉空白子对象

三、添加背景图片

if(!document.all){   
           var _tempSrc="xx\xx\xx.gif";   
           _tempSrc=_tempSrc.replace(/\\/g,"/");  //全部替换   
         markerDiv.style.backgroundImage="url("+_tempSrc+")";   
    }else{   
            markerDiv.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.icon.src    
    + ", sizingmethod=scale);";  //火狐不支持这种写法   
    }

四、模拟CLIKC事件

如该实例:

<a href="#" onclick="test(1)" id="a3">hello</a>
    <a href="#" onclick="test2(1)" id="b3">hello2</a>
    <script language="javascript">  
    <!--  
    function test(num){  
        window.alert(num);  
    }  
    function test2(num)  
    {  
        if(document.all){  //ie下 
            document.getElementById("a3").click();  
        }
        else{  
            var evt = document.createEvent("MouseEvents");  
            evt.initEvent("click", true, true);  
            document.getElementById("a3").dispatchEvent(evt);  
        }  
    }  
    //-->  
    </script>

event.initEvent(eventType,canBubble,cancelable) :

 initEvent 该方法将初始化 Document.createEvent() 方法创建的合成 Event 对象的 type 
 属性、bubbles 属性和 cancelable 属性。 只有在新创建的 Event 对象被 Document 对象或 Element 
对象的 dispatchEvent() 方法分派之前,才能调用 Event.initEvent() 方法。

五、attachEvent函数

if (isIE){
   window.attachEvent("onload", init);
}else{
   window.addEventListener("load", init, false);
}




本文转载自:http://www.cnblogs.com/top5/archive/2010/10/03/1841539.html

共有 人打赏支持
黄复得

黄复得

粉丝 14
博文 52
码字总数 6032
作品 0
福州
高级程序员
JavaScript的浏览器兼容性问题小结。

JavaScript的浏览器兼容问题是前端开发中一直存在的一个问题,和css兼容性一样,我们在开发过程中必须了解一些基本的兼容性处理方法,下面从以下几个方面总结下js开发常碰到的问题:1、常用的...

MiniBu
2012/10/11
0
6
firefox、IE下的几个不同属性的方法调用

声明:document.all:该对象只有IE中才存在,故用该对象来判断浏览器的类型 一、IFRAME的对象 在IE下可通过document.frames["id"];得到该IFRAME对象, 而在火狐下则是通过document.getEleme...

老鸟的空间
2014/07/07
0
0
div+css 你知道多少?值得一看

DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表...

晨曦之光
2012/03/09
0
0
JavaScript在IE浏览器和Firefox浏览器中的差异

JavaScript在IE浏览器和Firefox浏览器中存在一些差异,以下对这些差异部分进行了总结,以及解决方案: 1.HTML对象的 id 作为对象名的问题 IE:HTML 对象的 ID 可以作为 document 的下属对象变...

green001
2013/12/26
0
0
Firefox和IE之间7个JavaScript的差异

尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。 这篇文章...

asurann
2010/01/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

五大云原生技术

云原生(Cloud-Native)是一种文化,更是一种潮流,它是云计算的一个必然导向,是让云成为云化战略成功的基石。云计算时代,云原生技术注定将对现代化应用的建设、交付与运维产生颠覆性的影响...

问题终结者
18分钟前
3
0
Android JNI开发系列(十二) JNI局部引用、全局引用和弱全局引用

JNI 局部引用、全局引用和弱全局引用 在JNI规范中定义了三种引用:局部引用(Local Reference)、全局引用(Global Reference)、弱全局引用(Weak Global Reference)。区别如下: 局部引用...

蔡小鹏
18分钟前
2
0
Android 实现类似考试座号表效果

类似于这种效果 1,新建一个Student类,用户添加学生信息 private int icon; private String name; private int age; private String sex ; private int id; publ...

lanyu96
24分钟前
1
0
聊聊storm的CustomStreamGrouping

序 本文主要研究一下storm的CustomStreamGrouping CustomStreamGrouping storm-2.0.0/storm-client/src/jvm/org/apache/storm/grouping/CustomStreamGrouping.java public interface CustomS......

go4it
33分钟前
2
0
编程中的各种闲谈

service 是否一定要定义 interface 在学习ssh(spring, struts2, hibernate)时,老师教在 service 层要定义接口,再去实现此接口,方便解耦。 在 spring 框架中,自身定义了很多接口,并且有不...

seal_90
35分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部