IE10 的 Javascript 数据集答案

【问题标题】：Javascript dataset for IE10IE10 的 Javascript 数据集
【发布时间】：2019-06-25 06:11:03
【问题描述】：

我不想替换脚本中我使用属性“数据集”的所有代码行，以便它可以在 IE10 上运行。

我还没有找到一个真正有效的好的 polyfill，所以我可以使用以下代码行：

element.dataset.loaded = "yes"

由于我网站的大部分流量使用现代浏览器，我只想为 IE10 实施一种解决方法。有什么想法或提示吗？

【问题讨论】：

您是否尝试过使用 setAttribute 设置数据属性？ element.setAttribute('data-loaded', 'yes')
github.com/Modernizr/Modernizr/wiki/…
我尽量不逐行修改所有代码为您建议的内容，这将是我的最后一个选择，但谢谢。 @epascarello 您是否尝试过任何建议的 polyfill？我试过几个，其中一些是 2011 年、2012 年的，似乎效果不太好。

标签： javascript internet-explorer cross-browser dataset internet-explorer-10

【解决方案1】：

真正对我有用的是 github 上的 poliyfill html-dataset。如果您没有使用任何框架（纯 Javascript、html 和 css），只需通过 html 中的链接导入如下：

<!doctype html>
<html lang="en">
<head>
  ...
  <script src="https://github.com/adamancini/html5-dataset/blob/master/html5-dataset.js"></script>
  ...
</head>
<body>
  ...
</body>
</html>

如果您使用 Angular 或其他框架，请通过 polyfill、js (angular) 或 webpack 导入。我在 IE10 上测试过，效果很好。

在 Angular 9 中，我只需下载文件并将其包含在项目目录中并导入即可。

import 'src/assets/polyfills/html5-dataset.js';

在服务/构建项目之后它也可以工作。

【讨论】：

【解决方案2】：

element.setAttribute("data-loaded", "yes")

【讨论】：