解决IE浏览器不兼容es6和es6的Promise

最新推荐文章于 2023-05-07 21:15:01 发布

liangliangdecsdn

最新推荐文章于 2023-05-07 21:15:01 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： js es6 文章标签： es6 promise ie

本文链接：https://blog.youkuaiyun.com/liangliangdecsdn/article/details/88716820

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

es6

1 篇文章

订阅专栏

博客介绍了使用polyfill.min.js来解决不支持ES6的Promise的问题，通过引入该文件可实现相关功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入

<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>

即可polyfill.min.js是用来解决不支持es6的Promise
例子如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>解决IE不兼容es6</title>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
    <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
</head>
<body>
    <div id="bigBox">
        
    </div>
</body>
<script type="text/babel">
    var html =`<ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>`
  console.log('解决IE不兼容es6');
  console.log(document.getElementById('bigBox'));
  
    document.getElementById('bigBox').innerHTML = html
    new Promise(function(resolve,reject) {
        var flag = 1;
        if(flag){
            resolve(flag);
        }
    }).then(function (data) {
        console.log(data);
    })
</script>
</html>