如何访问预加载的 json 变量

Question

我正在编写一个用户脚本，我需要的信息都已预加载 json - 但我不确定如何访问它。

<script type="text/preload" charset="utf-8" data-preload-id="time_zones" data-preload-secondary-id="time_zones.json?x=true">
  {"time_zones":[{"translated_name":"American Samoa","name":"American Samoa"}]}</script>

我的 javascript 应该怎么做才能将 json 变成一个变量？

Answer 1

Select 那个 script 元素，然后将它的 textContent 解析成一个变量。

const obj = JSON.parse(document.querySelector('[data-preload-id="time_zones"]').textContent);
console.log(obj.time_zones);

<script type="text/preload" charset="utf-8" data-preload-id="time_zones" data-preload-secondary-id="time_zones.json?x=true">
  {"time_zones":[{"translated_name":"American Samoa","name":"American Samoa"}]}
  </script>

如何访问预加载的 json 变量

How to access preloaded json variables

javascript

preload