IE10 的 Javascript 数据集

Question

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

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

element.dataset.loaded = "yes"

由于我网站的大部分流量都使用现代浏览器，因此我只想为 IE10 实施一个解决方法。 任何想法或提示？

Answer 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';

在服务/构建项目后，它也工作了。

Answer 2

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

IE10 的 Javascript 数据集

问题描述

2 个解决方案

解决方案1
0 2020-06-09 12:52:17

解决方案2
0 2021-05-06 16:26:21

IE10 的 Javascript 数据集

问题描述

2 个解决方案

解决方案1 0 2020-06-09 12:52:17

解决方案2 0 2021-05-06 16:26:21

解决方案1
0 2020-06-09 12:52:17

解决方案2
0 2021-05-06 16:26:21