文档章节

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

黄梦巍
 黄梦巍
发布于 2014/05/29 15:43
字数 345
阅读 67
收藏 8
点赞 0
评论 0

声明: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
JavaScript DOM兼容性问题整理及部分解决方案

发现JS里面DOM属性、方法不是所有的浏览器都支持,因此整理此份资料,以便以后学习查看使用,望对大家也有所帮助。 (一) DOM节点的访问: 1. 以前对DOM节点访问一般用“document.All.元素ID属...

The-duke
2013/06/17
0
0
Firefox和IE之间7个JavaScript的差异

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

asurann
2010/01/26
0
0
IE和Firefox在Javascript中用法方面的区别

1.firefox不能对innerText支持。 firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含...

Junn
2013/03/11
0
0
(转载)JavaScript在IE浏览器和Firefox浏览器中的差异总结

本文转载自:http://www.bairuiw.com/front-end-skill/3903.html JavaScript在IE浏览器和Firefox浏览器中存在一些差异,以下对这些差异部分进行了总结,以及解决方案: 1.HTML对象的 id 作为...

小微
2012/04/24
0
0
EasyUI treegrid 实现点击父节点加载子节点

今天在项目中遇到问题,要实现 EasyUI treegrid 实现点击父节点加载子节点 第一反应是去百度一下,谷歌一下,发现网上的回答不是懒加载就是在onBeforeExpand调用append方法 我决定使用第二种...

要化茧的小虫
2015/03/17
0
1
IE和Firefox之间的JavaScript差异

责任编辑:杜涛作者:网络 佚名 2009-05-06 【IT168 论坛采风】尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java基础——异常

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 异常处理: 可以挖很多个陷阱,但是不要都是一样...

凯哥学堂
6分钟前
0
0
180723-Quick-Task 动态脚本支持框架之结构设计篇

Quick-Task 动态脚本支持框架之结构设计篇 相关博文: 180702-QuickTask动态脚本支持框架整体介绍篇 180719-Quick-Task 动态脚本支持框架之使用介绍篇 前面两篇博文,主要是整体介绍和如何使用...

小灰灰Blog
9分钟前
0
0
SBT 常用开发技巧

SBT 一直以来都是 Scala 开发者不可言说的痛,最主要的原因就是官方文档维护质量较差,没有经过系统的、循序渐进式的整理,导致初学者入门门槛较高。虽然也有其它构建工具可以选择(例如 Mill...

joymufeng
14分钟前
0
0
HBase in Practice - 性能、监控及问题解决

李钰(社区ID:Yu Li),阿里巴巴计算平台事业部高级技术专家,HBase开源社区PMC&committer。开源技术爱好者,主要关注分布式系统设计、大数据基础平台建设等领域。连续4年基于HBase/HDFS设计和...

中国HBase技术社区
15分钟前
1
0
ES18-JAVA API 批量操作

1.批量查询 Multi Get API public static void multiGet() {// 批量查询MultiGetResponse response = getClient().prepareMultiGet().add("my_person", "my_index", "1")// 查......

贾峰uk
19分钟前
0
0
SpringBoot2.0使用health

1,引入actuator <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId></dependency> 2,application.properties ......

暗中观察
26分钟前
0
0
阿里巴巴Java开发规约

###编程规约 命名风格 【强制】代码中的命名均不能以下划线或美元符号开始,也不能以下划线或美元符号结束 【强制】代码中的命名严禁使用拼音与英文混合的方式,更不允许直接使用中文的方式。...

简心
31分钟前
0
0
如何用TypeScript来创建一个简单的Web应用

转载地址 如何用TypeScript来创建一个简单的Web应用 安装TypeScript 获取TypeScript工具的方式: 通过npm(Node.js包管理器) npm install -g typescript 构建你的第一个TypeScript文件 创建...

durban
35分钟前
0
0
分享好友,朋友圈自定义分享链接无效

这个问题是微信6.5.6版本以后,修改了分享规则:分享的连接必须在公众号后台设定的js安全域名内

LM_Mike
53分钟前
0
0
2018年7月23日课程

一、LVS-DR介绍 director分配请求到不同的real server。real server 处理请求后直接回应给用户,这样director负载均衡器仅处理客户机与服务器的一半连接。负载均衡器仅处理一半的连接,避免了...

人在艹木中
57分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部