在HTML中存储键值对，将它们作为变量传递给JS函数

Question

我有一个函数，它将一个由多个键值对组成的对象作为输入。这些对象可能会变得相当长，所以我想知道我是否可以将这些对象存储为html文档中其他位置的变量，而不是一次又一次地将它们写出来。

我最初的想法是把它放在div中并通过ID和inner.html隐藏div。但这看起来非常粗略，所以我想知道是否有更好的方法来解决这个问题。

PS：请不要使用JQuery解决方案。

Answer 1

您可以使用隐藏的div并将代码放置如下：

var obj={ 
      k1: 'v1',
      k2: 'v2',
      k3: 'v3'
}

<div> <script>JSON.stringify(obj);</script></div>

JSON.stringify(obj)

将输出以下内容：

"{"k1":"v1","k2":"v2","k3":"v3"}"

您可以将此字符串存储在任何您喜欢的地方