javascript - 在 html 中存储变量并使用 text()

Question

我有一个特定的场景，我需要一个文件名，不是一次而是两次，因为我将变量传递给 ASP.NET MVC Controller 。将文件名存储在 DOM 元素(如 span 或 div)中，然后使用 jQuery 的 .text() 函数获取值，这是一个好主意吗？或者更好的方法是使用初始化然后持续操作的类似 JSON 的对象？

但是问题仍然存在。在 HTML DOM 元素中存储变量是好还是坏主意？

Answer 1

正如@Atticus所说，无论哪种方式都可以，我将根据我需要数据的目的来执行这两种操作:如果它专门与元素相关联，我会将其存储在元素上；如果它对页面来说更通用，我将使用 JSON 表示法传回一个对象。

在 DOM 元素上存储数据时，不需要将它们作为文本存储在元素内。您可以使用data-* attributes反而。这些从 HTML5 开始有效，并且现在可在所有浏览器中使用。唯一的缺点是，如果您将验证作为工作流程的一部分，并且尚未使用 HTML5 进行验证(这并不奇怪，验证器还没有完全准备好，规范仍在制定中)而在不断变化!)，它们不在 HTML 4.01 或更低版本中验证。但浏览器对它们很满意，这是 HTML5 正在规范(并统治)当前实践而不是创新的领域之一。