面试历程之First Blood(浏览器相关知识点2)
2015-05-19 16:51
246 查看
写完了上面这个突然想到浏览器的判定和事件对象event的兼容性,就再来一发
浏览器判定js:
根据useragent进行判断,用window.navigator.userAgent获取当前浏览器的useragent进行判断(jquery内部是这个策略)
var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
version: (userAgent.match(
/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test(
userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test(
userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test(
userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
我的正则渣的一逼,就不去尝试分析其中的正则了,大家看看吧
事件对象兼容性:经常在一个事件的回调函数中看到这样一行代码:
var event=window.event||event;//IE:window.event,FF:event(传入参数)
还有就是获取事件源的代码:
var eventEle=event.target||event.srcElement;//IE:event.srcElement,FF:event.target
一些基础点,自己也记录一下,,,,,
浏览器判定js:
根据useragent进行判断,用window.navigator.userAgent获取当前浏览器的useragent进行判断(jquery内部是这个策略)
var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
version: (userAgent.match(
/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test(
userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test(
userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test(
userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
我的正则渣的一逼,就不去尝试分析其中的正则了,大家看看吧
事件对象兼容性:经常在一个事件的回调函数中看到这样一行代码:
var event=window.event||event;//IE:window.event,FF:event(传入参数)
还有就是获取事件源的代码:
var eventEle=event.target||event.srcElement;//IE:event.srcElement,FF:event.target
一些基础点,自己也记录一下,,,,,
相关文章推荐
- 面试历程之First Blood(浏览器相关知识点)
- 【数据结构——树】二叉树面试相关知识点总结(一)
- 【笔试面试知识点查缺补漏深入理解之C与C++篇】typedef相关知识点完全总结
- HashMap相关面试知识点
- TCP/IP 相关知识点与面试题集(转)
- 面试相关知识点
- Fragment面试知识点相关
- 面试中遇到的final相关知识点-JavaGogo
- 枚举类型相关知识点(腾讯面试)
- Android 相关面试知识点整理
- 面试相关知识点(一)
- C语言面试相关知识点
- Java语言相关知识点,面试中鲜有人能说明白的问题
- Javascript中函数相关知识点3(面试必备)
- Android中HandlerThread面试相关知识点
- PHP面试的相关知识点
- 【数据结构——树】二叉树面试相关知识点总结(二)
- 面试相关的linux装机必备知识点
- 面试总结及相关知识点汇总
- 面试相关知识点