原创

JavaScript 针对浏览器兼容问题

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。Jquery很多插件可以不用考虑各种浏览器的兼容问题,但是作为WEB前端的开发人员来书需要了解和处理浏览器之间的兼容性问题,下面是讲述了没有使用任何Js库的情况。

1. setAttribute方法设置元素类名

在jQuery中,直接使用attr()方法即可,可在原生的JS中,代码:

//这个是W3C的标准,在兼容W3C标准的浏览器中有效

element.setAttribute('class','newClassName')

//设置在IE中才能有效

element.setAttribute('className','newClassName')

//所有浏览器有效(只要支持javascript)

element.className = 'newClassName'

2. FireFox没有window.event对象

FireFox没有window.event对象,只有event对象,IE里只支持window.event,而其他主流浏览器两者都支持,所以一般写成:

function handle(e)
{
	e = e || event;
	...
}

4. 使用IE的条件注释,代码如下:

<!--[if IE]>
<h1>您正在使用IE浏览器</h1>
<![endif]-->
<!--[if IE 5]>
<h1>版本 5</h1>
<![endif]-->
<!--[if IE 5.0]>
<h1>版本 5.0</h1>
<![endif]-->
<!--[if IE 5.5]>
<h1>版本 5.5</h1>
<![endif]-->
<!--[if IE 6]>
<h1>版本 6</h1>
<![endif]-->
<!--[if IE 7]>
<h1>版本 7</h1>
<![endif]-->
~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信