关于ES6兼容IE 问题记录之一

摘要:
这两天在做前端网页时,遇到一个问题,页面打开发生乱码,如下:现象:360浏览器,在急速模式下是OK的显示,第一张图布局OK;在兼容模式下是显示NG的,第二张图布局乱码查看360浏览器,兼容模式下控制台也没有报错分析原因:乱码的地方,我使用的是js控制的行高,这里的行高没有体现出来,即js没有执行,怀疑是jquery没有引入进来。。。

这两天在做前端网页时,遇到一个问题,页面打开发生乱码,如下:

现象:360 浏览器,在急速模式下(即谷歌模式)是OK的显示,第一张图布局OK;在兼容模式下(即IE模式)是显示NG的,第二张图布局乱码

查看360 浏览器,兼容模式下控制台也没有报错

关于ES6兼容IE 问题记录之一第1张

分析原因:乱码的地方,我使用的是js 控制的行高,这里的行高 没有体现出来,即js没有执行,怀疑是jquery 没有引入进来。。。

因为是IE 模式下出错,所以将代码放到 IE 下进行调试,这时控制台出现错误提示

关于ES6兼容IE 问题记录之一第2张

点击js 进入js 文件:

关于ES6兼容IE 问题记录之一第3张

这里看到的:提示这个函数有问题,但是仔细查看,发现函数没有问题啊,

找了很久都没有发现问题,

于是将这些东西发给一个大神朋友,请他帮忙看看

大神看了之后,回复:是兼容问题,在这里使用了ES6 的默认参数写法,而IE不支持ES6的默认参数,把默认参数去掉就可了

修改结果:

关于ES6兼容IE 问题记录之一第4张

再次使用IE 和360 浏览器兼容模式测试:结果OK了,如下:

关于ES6兼容IE 问题记录之一第5张

总结:

1. IE模式下报错,就使用IE 进行调试,这样才可以比较方便的找到问题出在哪里

2. IE模式不支持es6 的写法

免责声明:文章转载自《关于ES6兼容IE 问题记录之一》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇oracle 字符集解决The specified database user/password combination is rejected: com.mysql.cj.exceptions.CJException: Access denied for user 'root'@'localhost' (using password: YES)问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue项目加载前空白的动画过渡效果

参考:https://github.com/mgbq/nx-admin 复制以下html内容到项目的index.html中即可: <style> html, body, #app { height: 100%; margin: 0px; padding: 0px; }...

IE下设置SELECT项不可选

因为最近在用jquery 所以JS是Jquery格式写的 代码 1<selectname="drpADAddress"id="drpADAddress">2<optionvalue="0">请选择</option>3<optionvalue="0"disabled="true">首页</option&...

IE下javascript获取文件大小

客户端用javascript获取文件大小 实现代码如下: <script type="text/javascript" language="javascript">    function getFileSize(fileName)    {        if(document.all)//判断是否是IE浏览器       {      ...

c# C#设置WebBrowser使用Edge内核

开始尝试是用 Microsoft.Toolkit.Forms.UI.Controls.WebView,后来发现一大堆问题,还要求WIN10 SDK的版本之类的。 网上看到的简单的解决办法(只需要修改注册表)(前提是win10系统需要安装Edge浏览器): 这个函数是网上复制的, 传入11000是IE11, 9000是IE9, 只不过当试着传入6000时,...

火狐与IE兼容性总结(二)

16.    为什么web标准中IE无法设置滚动条颜色了    解决办法是将body换成html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta...

Java Selenium3 WebDriver启动火狐、Chrome、IE,Edge浏览器的方法(一)

selenium3和selenium2没有太大的区别,就是精简了一些不用的东西,对浏览器的支持更好了,比如对高版本的浏览器(FireFox,Chrome,Edge等)可以完美的支持,不用受限于版本的问题 下面总结一下启动常用浏览器的方法 前提 安装好java的环境配置 新建一个maven工程 在maven的pom文件加入selenium的依赖包(版本可根...