HTML5 中是否可以有多个 data-{name} 属性？

有没有办法从这个元素获取所有 3 个数据值？

 <div id="viewport" 
    data-requires='js/base/paths'
    data-requires='js/base/dialog'
    data-requires='js/base/notifier'>

这对于我正在启动的项目非常有用。这样我就可以加载所需的 js 模块并将它们链接到 dom。我知道这可能听起来很奇怪，但我正在尝试一些新的东西。

您的问题的答案是 HTML 不支持同一属性的多个实例。您检索该属性的所有典型方法都只会检索这三个属性之一。

解决此问题的通常方法是使用该属性的单个实例并将多个路径作为值。对于路径，它们通常用分号分隔。

<div id="viewport" data-requires='js/base/paths;js/base/dialog;js/base/notifier'>

然后，使用代码将多值属性分解为数组。

var requiredPaths = document.getElementById("viewport").getAttribute("data-requires").split(";");