虽然以下代码可以工作,但我质疑使用它是否是一种糟糕的做法?我可以使用身体中的div来实现同样的效果.然而,考虑到我正试图从我的html中获得metadata,使用meta标记似乎是合乎逻辑的.这是可以的吗,或者它可能会有意想不到的问题?

我的用例是当信息通过JJ从服务器向下传递时,我不想从我的JS向我的服务器发出多余的第二个请求来获取在呈现HTML时已经向下传递的数据.

const user = document.getElementById("meta_user");
console.log(user.getAttribute("data-content"));
<head>
  <meta data-name="user" data-content="{ name: 'test' }" id="meta_user">
</head>
<body>

</body>

推荐答案

specification人开始:

必须恰好指定namehttp-equivcharsetitemprop属性中的一个.

如果指定了namehttp-equivitemprop,则还必须指定content属性.否则,它必须被省略.

您的使用缺少所有这些属性.您应该想出一个name属性来描述这种用法,并确保它不与任何标准名称冲突,最好不要与MetaExtensions wiki上的任何名称冲突(您也可以在那里搜索以查看是否已经注册了类似的名称).

Javascript相关问答推荐

Bootstrap动态选项卡在切换选项卡后保持活动状态,导致元素堆叠

传递一个大对象以在Express布局中呈现

给定一个凸多边形作为一组边,如何根据到最近边的距离填充里面的区域

函数返回与输入对象具有相同键的对象

如何在bslib nav_insert之后更改导航标签的CSS类和样式?

加载背景图像时同步旋转不显示的问题

我在Django中的视图中遇到多值键错误

使用VUE和SCSS的数字滚动动画(&;内容生成)

Nextjs 13.4 Next-Auth 4.2登录(&Quot;凭据&,{});不工作

如何确保预订系统跨不同时区的日期时间处理一致?

删除加载页面时不存在的元素(JavaScript)

基于产品ID更新条带产品图像的JavaScript命中错误

在查看网页时,如何使HTML中的按钮工作方式类似于鼠标上的滚轮或箭头键?

Cherrio JS返回父div的所有图像SRC

为什么NULL不能在构造函数的.Prototype中工作

Promise.race()返回已解析的promise ,而不是第一个被拒绝的promise

如何使pdf.js上的文本呈现为可选?

使用jQuery每隔几秒钟突出显示列表中的不同单词

Select 所有输入.值

如何为Reaction应用程序创建仅登录的路由?