Question

我不想替换脚本中使用“ dataset”属性的所有代码行，以便它可以在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 个答案: