javascript - 在 HTML 页面中包含数据的最佳方式是什么？

Question

在 HTML 页面中包含数据的最佳方式是什么？数据不是人类可读的，将在页面加载后由脚本处理。我能想到的选项是:

• 在隐藏/空上使用类和标题属性 <div>或 <span>页面内的元素

• <script> 中的 JSON页面底部的元素

• 在页面加载后通过 XMLHttpRequest 加载数据

• XML 数据岛

所有这些方法似乎都有缺点，所以我想知道您的想法。

Answer 1

我会在 <script> 中使用 JSON元素。实际上，我会让它成为一个实际的脚本。浏览器将解析和评估 JSON，因此借此机会将其存储在某个变量中。

使用 CSS 隐藏元素有点脆弱，因为某些客户端(不一定是浏览器，想想搜索引擎)可能仍将它们视为页面数据的一部分。

在页面加载后通过 XHR 加载数据是可以的，但这并不是问题的严格答案。它也有点慢，因为它会导致额外的服务器往返(想想你的澳洲用户，低延迟对他们来说非常重要)。

XML 数据岛:我不确定你指的是什么，但它听起来像是会引起很多验证器投诉的东西，并且在浏览器可以呈现的字符串节点中可能很脆弱。

因此，将数据存储在 <script> 中元素听起来像是回答问题的最简单、最安全、最合适的方式。