Javascript嵌入的代码不'；不要停止页面呈现

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

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

正在加载。。。
var cb=功能（数据）{
document.getElementById（“目标”）.innerHTML=数据；
}

---

我对客户端或服务器端的更改持开放态度。客户端的代码越少，嵌入效果越好。我相信在加载当前页面时，您正在使用AJAX从其他页面加载内容，请确保您的AJAX调用是异步的，并且只有在成功完成后才更新“webNumbr\u webnumbrs”控件。

官方建议（请参阅）就是将所有JavaScript放在HTML文件的最底部。在继续呈现之前，将评估每个标记的内容，因为脚本的结果可能会影响进一步的呈现（请考虑

document.write（）

）

老实说

---

我认为最好的方法可能是简单地将它放在

onLoad（）

指令中，这样它在文档完全呈现之前不会加载。这与Tom的答案类似，但在本例中，您将消除您遇到的大多数DOM问题。

我应该如何确保它是异步的？我真的不想实例化XMLHTTPRequest对象，因为它会使客户机代码变得非常大。支持吗？是否在

onLoad

中执行我的功能？我总是回避这个标签，因为它感觉不太对……它在某些方面得到了充分的支持和推荐。任何会干扰页面呈现或要求页面在启动前完全呈现的内容都可以放入onLoad语句。很少有元素支持

onLoad（）

。我可以只做

window.onLoad=function（）{//stuff}

？好吧，我给用户一些嵌入代码，让他们把一块放在他们想要嵌入的地方，另一块放在底部似乎不是很好。。。