javascript - 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

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

Answer 2

诚实地，

我认为最好的方法可能是将其简单地放入onLoad()指令中，以便在文档完全呈现之前它不会加载。它类似于汤姆的回答，但在这种情况下，您将消除您遇到的大部分 DOM 问题。

Answer 3

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