时间戳

首页 > 解决方案 > 用于 Internet Explorer 的 Polyfill

javascript - 用于 Internet Explorer 的 Polyfill

问题描述

我在我的项目中使用Tagify并在 chrome 中工作。现在我希望它也能在 IE9 中工作。所以我添加了插件提供的 polyfill，但它在 tagify.min.js 中为这一行保留了显示错误：

parseHTML:function(t){return(new DOMParser).parseFromString(t.trim(),"text/html").body.firstElementChild}

我会很感激任何指示。下面是代码：

<script type="text/javascript" src="js/tagify/tagify.min.js"></script>
<script type="text/javascript" src="js/tagify/tagify.polyfills.min.js"></script>
...
<input style="width: 200px;" name="txtFormPickup"/> 
...
var inputElm = document.querySelector('input[name=txtFormPickup]');
var tagify = new Tagify(inputElm, {});
tagify.addTags([{value:"banana", color:"yellow"}, {value:"apple", color:"red"}, {value:"watermelon", color:"green"}]);

标签： javascriptinternet-explorerpolyfills

解决方案

我已经测试了示例代码，它看起来只能与 IE 10 和 IE 11 版本一起使用。

代码：

<!doctype html>
<html>
   <head>
      <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
      <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
      <input style="width: 200px;" name="txtFormPickup"/> 
      <script>
         var inputElm = document.querySelector('input[name=txtFormPickup]');
         var tagify = new Tagify(inputElm, {});
         tagify.addTags([{value:"banana", color:"yellow"}, {value:"apple", color:"red"}, {value:"watermelon", color:"green"}]);
      </script>
   </body>
</html>

使用不同文档模式在 IE 11 中输出：

在此处输入图像描述

在Tagify的文档中，他们没有明确提到他们的 polyfill 可以使用哪个版本的 IE。所以我建议你改用 IE 11 浏览器，这可能有助于解决这个问题。

IE 9 是一个太旧的版本，超出了 Microsoft 的支持范围。

推荐阅读