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]-->