分针网——Javascript不同浏览器差异及兼容方法

Javascript不同浏览器差异及兼容方法

javascript的各种兼容就是为了解决不同浏览器的差异性，了解其中的差异能够帮助你更快的解决问题，提高代码的使用质量，编写更优秀的javascript代码。

1.window.event表示当前的时间对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象2.获取事件源IE用srcElement获取事件源，而FF用target获取事件源以上两个兼容通常会这么写：

 var evt = e||event;  var el = evt.srcTarget || evt.srcElement;

3.添加、去除事件

4.获取标签的自定义属性

IE：div1.value或div1['value']

FF:可用div1.getAttribute("value")

5.document.getElemntByName()和document.all[name]

IE不可以，

FF可以

6.input.type的属性

7.IE支持innerText、outerHTML

FF：支持textContent

8.窗口的位置IE、chrome、safari：支持使用window.screenLeft和window.screenTop

IE8以上、chrome、safari、firefox：支持使用window.screenX和window.screenY兼容代码可以使用下面这段代码：

 var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX;  ver topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY;

9.窗口的大小

firefox、chrome、IE9和safari:window.innerWidth和window.innerHeight

IE系列:document.body.clientWidth和document.body.clientHeight

不是IE6：document.documentElement.clientWidth和document.documentElement.clientHeight

兼容代码可以这样子写

var width = window.innerWidth; var height = window.innerHeight;  if(typeof width != 'number'){ if(document.compatMode == 'CSS1Compat'){  width = document.documentElement.clientWidth; height = document.docuementElement.clientHeight;  }else{  width = document.body.clientWidth;  height = document.body.clientHeight;  }

本文转载自分针网

获取更多IT知识加群：272292492

转载于:https://blog.51cto.com/12882987/1924478

分针网——Javascript不同浏览器差异及兼容方法相关推荐

分针网——怎么轻松学习JavaScript
js给初学者的印象总是那么的"杂而乱",相信很多初学者都在找轻松学习js的途径. 我试着总结自己学习多年js的经验,希望能给后来的学习者探索出一条"轻松学习js之路&qu ...
分针网——每日推荐：PHTML解析原理
标准的web前端工程师需要知道 ◎浏览器(或者相应播放器)的渲染/重绘原理这我得加把劲了.我还真的说的不是很清楚,我就G下,结果不是很多,找到了有一个,就记下来了... 以下部分来自handawei ...
mysql全文索引含义_【分针网】MySQL全文索引应用简明教程
该楼层疑似违规已被系统折叠隐藏此楼查看此楼本文从以下几个方面介绍下MySQL全文索引的基础知识:1.MySQL全文索引的几个注意事项2.全文索引的语法3.几种搜索类型的简介4.几种搜索类型的实例 ...
requestFullscreen各种浏览器全屏模式的兼容方法记录和在TV项目的应用
启动全屏浏览器全屏模式的启动函数requestFullscreen,需要附带各浏览器的js方言前缀: // 判断各种浏览器,找到正确的方法 function launchFullscreen(ele ...
[前台]---input标签中的hidden,浏览器差异问题
前言: 这是一个比较简单的问题,也有人犯过这样的错误,如果你是一个人在编码,并且没有专门的去测试浏览器差异,这个或许会坑到你问题描述: 用input标签的时候,需要把这个input隐藏掉,于是先这样 ...
javascript判断浏览器和终端类型，js如何区分手机、电脑终端和浏览器
判断浏览器类型复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...
Javascript 获取浏览器窗口中文档（视口）可用尺寸的方法
摘要: 由于浏览器的差异,许多信息的获取都要考虑兼容性,窗口中文档可用尺寸是一个经常需要用到的信息,由于浏览器不同甚至版本不同,获取的方法也不一样,本文介绍的函数能够兼容各种浏览器,获取这一信息.同时 ...
JavaScript多浏览器兼容
Javascript 多浏览器兼容一.document.formName.item("itemName") 问题问题说明:IE下,可以使用 document.formName. ...
JavaScript BOM浏览器对象模型
什么是BOM浏览器对象模型? 浏览器对象模型(Browser Object Model(BOM))允许JavaScript与浏览器对话 BOM:浏览器对象模型 //宿主对象 BOM 提供了很多对象,用 ...

分针网——Javascript不同浏览器差异及兼容方法

分针网——Javascript不同浏览器差异及兼容方法相关推荐

最新文章

热门文章