我有一些javascript,我加载在脑海中。我想引用一些数据属性。
<meta id="pendo_data" data-user-id="<%= current_user&.id %>"
data-user-email="<%= current_user&.email %>"
data-account-id="<%= current_account&.id %>"
data-account-name="<%= current_account&.name %>"
/>
然后在javascript中我可以做到:
$(#'pendo_data').data('user-id')
<meta>
似乎是错误的标签。 <div>
中不允许<head>
。
这里的最佳做法是什么?
谢谢!
答案 0 :(得分:2)
如果您需要它们,可以将它们放在<html>
元素上。这样他们就可以立即为你的剧本而且你不需要使用超出预期用途的元素。
<html>
元素可通过document.documentElement
访问。
<!doctype html>
<html data-user-id="<%= current_user&.id %>"
data-user-email="<%= current_user&.email %>"
data-account-id="<%= current_account&.id %>"
data-account-name="<%= current_account&.name %>" >
<head>
<script>
for (const p in document.documentElement.dataset) {
console.log(`${p} = ${document.documentElement.dataset[p]}`)
}
</script>
</head>
<body></body>
</html>
&#13;