javascript - 如何读取 <script> 标签内的 json 内容？

Question

所以当我想在网页上放置一个 Google +1 按钮时，我会这样做:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'zh-TW'}
</script>

但是我很纳闷，script标签中有一个对象，但是它也在加载plusone.js!最后，脚本还可以获取标签内的对象。谷歌是如何做到的？与通常情况不同，我不会在里面放任何东西。通常我会做

<script type"text/javascript" src="script.js"></script>

Answer 1

因为 URL 是已知的，所以很简单:

JSON.parse(
    document.querySelector("script[src='https://apis.google.com/js/plusone.js']")
        .innerHTML.replace(/^\s+|\s+$/g,'')
);

---

也就是说，正如 Alohci 在评论中指出的那样，页面上的最后一个脚本将是脚本运行时加载的最后一个脚本，因为(除非另有说明)脚本是阻塞的。因此，这会起作用:

var scripts = document.getElementsByTagName('script');
var data = JSON.parse(scripts[scripts.length-1].innerHTML.replace(/^\s+|\s+$/g,''));