时间戳

首页 > 解决方案 > IE10 的 Javascript 数据集

javascript - IE10 的 Javascript 数据集

问题描述

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

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

element.dataset.loaded = "yes"

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

标签： javascriptinternet-explorercross-browserdatasetinternet-explorer-10

解决方案

真正对我有用的是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';

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

推荐阅读