Javascript嵌入了不会停止页面呈现的代码

Question

我想从另一个页面嵌入一个数字。远程调用很小（只返回一个数字），但我希望页面在请求结束时继续加载。我该怎么办？我正在做

<span id="target">Loading ...</span>
<script>
var cb = function(data) {
    document.getElementById("target").innerHTML = data; 
}
</script>
<script src="http://webnumbr.com/webnumbrs.latest.json(callback=cb)"></script>

我对客户端或服务器端的更改持开放态度。只需最少的客户端代码嵌入更好的

Answer 1

“官方”推荐（请参阅rules）是将所有JavaScript放在HTML文件的最底部。在渲染继续之前，将评估每个标记的内容，因为脚本的结果可能会影响进一步的渲染（想到document.write()）。

Answer 2

老实说，

我认为最好的方法可能是简单地将它放在onLoad()指令中，这样在文档完全呈现之前它就不会加载。这与Tom的答案类似，但在这种情况下，您将消除您遇到的大多数DOM问题。

Answer 3

我相信您在加载当前页面时使用AJAX从其他页面加载内容，确保 AJAX调用是异步的，并且只有在成功完成后才更新“webNumbr_webnumbrs”控件。