常见的兼容性问题 (2)

获取窗口的滚动高度scrollTop需要采用兼容性写法,即使声明<DOCTYPE>浏览器对于文档的处理也会有所不同。

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 日期时间

使用new Date()构造函数生成日期时间对象,对于new Date("2020-06-29")语法在一些早期的浏览器会输出invalid date,这主要是因为早期浏览器不支持表达日期的-,而/才是被广泛支持的,所以在处理早期浏览器的兼容性时需要将-替换为/。

new Date("2020-06-29".replace(/-/g, "http://www.likecs.com/")); IE条件注释

IE专门提供的一种语法,只有IE能识别运行,其他浏览器只会作为注解。

<!--[if lt IE 9]> <script type="text/javascript" src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]--> <!--[if !IE]> 除IE外都可识别 <![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> <!--[if IE 7]> 仅IE7可识别 <![endif]--> <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--> <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]--> <!--[if IE 8]> 仅IE8可识别 <![endif]--> <!--[if IE 9]> 仅IE9可识别 <![endif]--> <!-- ! NOT运算符 lt 小于运算符 lte 小于或等于运算符 gt 大于运算符 gte 大于或等于运算符 & AND运算符 | OR运算符 () 子表达式运算符 用于与布尔运算符创建更复杂的表达式 --> 每日一题 https://github.com/WindrunnerMax/EveryDay 参考 https://www.jianshu.com/p/c0b758a88c7c https://juejin.im/post/5b3da006e51d4518f140edb2 https://juejin.im/post/59a3f2fe6fb9a0249471cbb4

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgsyj.html