IE8兼容的零零碎碎

2023-03-09,,

css部分

1 nth-of-type选择器
2 span:nth-of-type(1)
3 /*IE8兼容写法*/
4 span:first-child /*选中第一个*/
5 span:first-child+span+span /*选中第三个*/

IE8不支持   :last-child 选择器、calc属性

js部分

关于new Date()的坑

1 var myDate = new Date();
2 var date = myDate.toLocaleDateString( );//每个浏览器转化格式化不一致 巨坑
3 //采用拼接方式 可根据需要拼接成任何想要的格式
4 date = myDate.getFullYear() + "-" + ((myDate.getMonth() + 1) < 10 ? "0"+(myDate.getMonth() + 1) : (myDate.getMonth() + 1)) + "-" + (myDate.getDate() < 10 ? "0"+myDate.getDate() : myDate.getDate());
 1 //在IE8上用new Date("2021-06-09") 会直接返回NaN
2 //可采用以下方式
3 function timeFormat(time){
4 var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/, date = new Date(NaN), month, parts = isoExp.exec(time);
5 if(parts) {
6 month = +parts[2];
7 date.setFullYear(parts[1], month - 1, parts[3]);
8 if(month != date.getMonth() + 1) {
9 date.setTime(NaN);
10 }
11 }
12 return date;
13 }

js保留字和关键字

在谷歌浏览器上import可以作为变量,但是在IE8上会报错

input取值和设值只能用val()不能用text(),否则会报错

input使用val()有时候会报错,不支持属性或者方法,需要改用attr("value"),来设值。

HTML部分

button标签的坑

给某个按钮绑定了点击事件,在IE8上,随便敲击键盘的回车键,都会触发button的点击事件(Ps:目前没找到原因)

最后说一下,如果你是才出来工作的小白,面试遇到要兼容IE8的公司,什么都不要说,告诉面试官,对不起,请把我的简历还给我,然后走人,兼容IE8更多靠的是经验。

明年六月,微软就要正式停止IE8的运营了,你再继续去搞兼容IE8,那么就会和新技术越来越远,要知道前端的技术迭代是很快的。放弃,是一个寿命有限的前端对IE应有的态度,哈哈哈哈哈哈

(ps:该文章还会持续更新到我不做兼容为止,第一次发布时间为2021年7月1日,祝党建100周年,生日快乐。人名有信仰,民族有希望,国家有力量。爱我的祖国,伟大的中华民族)。

IE8兼容的零零碎碎的相关教程结束。

《IE8兼容的零零碎碎.doc》

下载本文的Word格式文档,以方便收藏与打印。