IE浏览器不兼容 Array.from 解决方法

最新推荐文章于 2025-06-30 17:07:26 发布
原创 最新推荐文章于 2025-06-30 17:07:26 发布 · 1.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

上周上线发现IE浏览器存在兼容性问题，主要源于IE不支持ES6语法，特别是Array.from()方法，导致页面无法正常加载。解决策略包括使用Array.prototype.slice.call()替代。

上周上线时发现存在一些ie兼容性问题，真是各种坑。
我们代码用的是ES6，而IE不兼容ES6，所以这个兼容性问题解决起来真是头疼，路漫漫啊…

目前发现的是不兼容 Array.from() 方法，导致 js 报错，打不开页面。

解决方法：

Array.prototype.slice.call() 已测，可以解决
或
Array.prototype.slice.apply() 未用，听说也可以

Li_XiaoJin
关注
第四节：教你如何快速让浏览器兼容ES6特性
qq_24520459的博客
06-08 2229
写在正文前，本来这一节的内容应该放在第二节更合适，因为当时就有同学问ES6的兼容性如何，如何在浏览器兼容ES6的特性，这节前端君会介绍一个抱砖引玉的操作案...
解决ie不支持Array的find方法
若晨工作室
06-09 2703
在使用集团的组件库开发项目时测试出IE浏览器节点无法正常打开，控制台报错不支持find方法： 也有客户反馈遨游浏览器（也是IE内核~????）也有同样的问题，这种公共组件库如果没有放弃兼容IE的话就得做好兼容性的判断???? 这是菜鸟教程上对find方法的说明~通过定义我们可以自己实现find方法，兼容IE11及之前的版本。 if(!Array.prototype.find){ Array.prototype.find = function(callback) { retur
IE11不兼容array.from()解决方法
minuscu的博客
07-18 3278
function selectAll(){ let check = Array.from(document.getElementsByClassName("chk")); check.forEach(function(i){ if(i.classList.contains("checkbox_false_full")){ i.click(); } }); } 前端页面写了...
IE浏览器不兼容Array.from
weixin_40716682的博客
11-17 350
if(!Array.from){ Array.from = function (el) { return Array.apply(this, el); } }
IE 11下 JS使用 Array.from（）提示 不支持from 方法 的解决办法
祥富大大的博客
04-27 1669
一般Array.from用于数组的合并去重的时候用的比较多。但是由于这是属于ES6的语法，IE6以上的版本并不兼容ES6的语法，从而出现错误提示： 对象不支持“from”属性或方法 function unique(){ let arr = [].concat.apply([], arguments); //没有去重复的新数组 return Array.from(new...
Array.from IE不兼容问题
qq_41633199的博客
06-09 659
if (!Array.from) { Array.from = (function () { var toStr = Object.prototype.toString; var isCallable = function (fn) { return typeof fn === 'function' || toStr.call(fn) === '[object Function]'; }; var toInteger = function (value) {.
babel.js 和 polyfill.js 使IE浏览器兼容ES6 babel.rar
06-10
例如，`Array.from`、`Promise`、`Map`和`Set`等ES6新特性在旧版IE浏览器中并不存在。`core-js`是一个常用的polyfill库，它可以提供这些缺失的功能。不过，需要注意的是，polyfills并不能转换语言结构，它们只负责...
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
08-28
这段代码首先检查是否为IE浏览器，如果是，则使用XMLHttpRequest获取图片的二进制数据，并将其转化为base64编码。如果不是IE，那么就按照常规方式在canvas上绘制图片并使用`toDataURL`。这样，无论在哪个浏览器，都...
jsencrypt.js 兼容低版本IE浏览器(IE9以下)
xy596356456的博客
12-21 6769
jsencrypt.js 兼容低版本IE浏览器(IE9以下) IE5、IE6、IE7、IE8使用jsencrypt.js IE5、IE6、IE7、IE8使用RSA加密 JS使用非对称加密 SCRIPT5009: 'JSEncrypt' 未經定義 SCRIPT1010: 必須要有識別項jsencrypt.min.js (1,53618) t.default=it,Object.defineProperty(t,"__esModule",{va...
解决VUEX兼容IE上的报错问题
08-27
为解决IE浏览器的兼容性问题，我们需要使用`babel-polyfill`来提供缺失的Promise和其他ES6+特性。可以通过npm安装此库： ```bash npm install --save-dev babel-polyfill ``` `--save-dev`参数表示这是一个开发...
js中 IE 浏览器不兼容 Array.from 显示对象不支持该属性或方法
秋风伴落叶
06-03 4187
解决方法：只需加上如下代码即可 if(!Array.from){ Array.from = function (el) { return Array.apply(this, el); } }
JS中Array.from的兼容写法
热门推荐
AdleyTales的技术博客
04-17 1万+
序： Array.from() 非常方便的将一个类数组的集合 ==》 数组，直接使用数组身上的方法。例如：常用的map，foreach… 但是，问题来了，IE不识别Array.from这个方法。所以写了它兼容IE的写法。 兼容写法如下： if(!Array.from){ Array.from = function (el) { return A
Array.from
北回归线
08-14 372
Array.from() 将类数组（arguments）和可遍历的对象（Set、Map）转化为数组 // arguments function a(){ console.log(Array.from(arguments)); } a('a','ss','dd'); // ['a','ss','dd'] // Set let set = new Set([1, 3, 3, 4, 4...
Array.from的妙用
weixin_33845477的博客
02-18 182
es6新特性中Array类多了一个静态方法from，这个方法作用是将一个ArrayLike对象或者Iterable对象转换成一个Array，本文只讨论ArrayLike对象相关内容。 所谓ArrayLike对象指具有数组某些行为的对象，表现出来的特征就是具有length属性。 var obj = { "0" : 1, le...
Array.from()方法解析与应用
最新发布
记录来时的路
06-30 1001
Array.from() 是 JavaScript 中处理类数组和可迭代对象转换的强大工具。将类数组/可迭代对象安全、方便地转换为真正的数组，从而解锁所有数组方法（map, filter, reduce, forEach 等）。提供内置的映射功能，允许在转换过程中直接修改元素。简洁地生成数值序列。熟练掌握 Array.from() 能显著提高处理 DOM 集合（NodeList）、函数参数（arguments）、集合类型（Set, Map）、字符串以及创建特定序列数组的效率和代码可读性。
`JavaScript``TypeScript`IE里不支持Array.from的解决方法
天南之南
05-10 4726
IE(包括IE11)里不支持Array.from() 参考 ES6Array.from方法用法总结 可以参照ES5的写法,实现 // ES5 的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c'] // ES6 的写法 let arr2 = Array.from(arrayLike); // ['a', 'b',...
浏览器适配IE浏览器问题
Angle_qiang的博客
11-23 852
ie 不兼容es6属性，不兼容promise，不兼容gird样式属性
Array.isArray 函数 (JavaScript)以及其IE兼容性解决方案
rudy24的博客
04-15 4727
最近在工作中用到Array.isArray(object)，发现IE8及以下版本不支持此API，于是百度了下找到了解决方案如下 var arr = []; function isArray(str){ return Object.prototype.toString.call(str) == "[object Array]"; }console.log(isArray(arr));//ie
使用babel.js和polyfill实现IE对ES6的兼容支持
标题《babel.js 和 polyfill.js 使IE浏览器兼容ES6》明确指出了该资源的核心目标：通过 Babel 转译工具和 Polyfill 填充机制，解决 ES6 代码在 IE 浏览器中的兼容性问题。描述进一步简化了这一概念，强调其实用价值...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值