如何在网页中嵌入隐藏数据并使用DOM恢复？

Question

我有一个网页，可以从其他几个本地（同源）网页中提取数据。我使用XMLHttpRequest从这些其他网页收集数据。然后我使用DOM从每个页面解析出所需的数据。我希望在每个其他本地页面中包含一个数据（即，在每个其他本地页面的DOM中），但是，我不希望在网页上看到这些数据被观看了。 （在源代码中可见，只是不在呈现的HTML中）。我可以想到几种方法。但是，我并不是他们中的任何一个都很痴迷。我想知道别人可能有什么建议。感谢您的任何意见。

Answer 1

一些选项：

• The hidden attribute：

    

  所有HTML elements都可能包含hidden内容属性   组。 hidden属性为boolean attribute。什么时候   在元素上指定，它表示该元素尚未，或   不再与页面的当前状态直接相关，或者与页面的当前状态直接相关   它被用来声明要被其他部分重用的内容   页面而不是用户直接访问。用户代理   不应该呈现具有hidden属性的元素   指定。

• The template element

    

  template元素用于声明HTML的片段   可以通过脚本克隆并插入到文档中。

       

  在rendering中，模板元素represents没有。

• Comments

根据语义，您可以选择其中一个。甚至可以将它们结合起来：

<template hidden><!-- Hidden data --></template>

Answer 2

正如您提到的通过AJAX请求，您可以在哪里显示或不显示。

通过AJAX获得结果后，您可以在脚本中存储以进行一些操作或在HTML页面中显示父标记为可见的false，以便最终用户看不到（除了源代码查看）。

Answer 3

一个简单的隐藏div有什么问题？

<div id="hiddenData" style="display:none;">...</div>

老实说，看起来你传递数据的方式已经很糟糕了，所以我认为没有任何真正的需要是花哨的。