用 或 || 来兼容FireFox
看例子:
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
找到 document.body.onclick = function(evt),
在IE下,这个evt是不会有的,但是在fireFox下(opera下好像也是)会默认传这个参数.在IE下,这个参数是 null ,想兼容,就这样写.
继续向下：
evt = evt || window.event;
在IE下,evt 就会指向:window.event,在fireFox下,就会指向那个默认参数.
因为在IE下 evt || window.event 相当于: null || window.event,结果还是window.event
而在fireFox下,就相当于 evt || null ,结果就是evt
向下看:
o.previousSibling.href || o.previousSibling.previousSibling.href
前面一个表达式用于IE下,后面一个用于FireFox下.
FireFox下,没有preserveWhiteSpace这个属性,即:把空白也当作一个节点,而IE则默认为false,即把空白不看成一个节点.
这里说到了XMLDom,似乎和上面所说的不相关,但是在FireFox下 previousSibling就是空白,除非两个HTML标签之间没有任何形式的空格.
<a href="http://www.blueidea.com/articleimg/bbsimg/smile.gif"/></a>
<a href="图片地址">打开</a>
两个<a>之间有换行(属于空格的一种),所以在FireFox下,取下面一个<a>的前一个节点的话,就必须用:
o.previousSibling.previousSibling.href
可能你还是没有看明白,没关系,再举个简单的:
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
相关文章
这篇文章主要介绍了微信小程序与php 实现微信支付的简单实例的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要为大家介绍了详解如何用js实现一个网页版节拍器示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要给大家分享javascript的setTimeout()使用方法总结，js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等，下面我们一起来看看文章对该内容的具体总结吧,需要的朋友可以参考一下2021-11-11
微信小程序之MaterialDesign--input组件详解
本篇文章主要介绍了微信小程序之MaterialDesign--input组件详解，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-02-02
在开发一个JavaScript项目时，经常会用到以前开发过的一些工具函数，收集这些函数，当你需要它们的时候，将节省你大量的开发时间，本文将给大家带来15个常用的工具函数，需要的小伙伴可以参考下2021-09-09
[绿色]超强图片数量上传无限制...2006-06-06
这篇文章主要介绍了微信小程序 Tab页切换更新数据的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了JS前端重新部署通知用户刷新网页示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
将HTML自动转为JS代码...2006-06-06
本文讲主要解JavaScript各种继承方式和优缺点，文章将六种继承方式说明，分别有原型链继承、借用构造函数(经典继承)、组合继承、原型式继承、寄生式继承、 寄生组合式继承，这六种方式,需要的朋友可以参考一下2021-10-10
最新评论