HTML页面从JS获取数据

最近在写网页，遇到了好多问题，慢慢解决并且记录。

HTML从JS获取数据，方法有很多

例如

document.getElementById("bar").innerHTML = "Test";

或者

var Value = "Test"
var oDiv = document.getElementById("div");
oDiv.innerHTML = Value;

但是我却都用不了，无法正常获取数据，之后再寻找资料，最终终于OK了

HTML代码：

<span id="bar">
<!-- 放置你想获取的数据，一般为空即可 -->
</span>

JS代码：

<script>
		window.onload = function() {
			document.getElementById("bar").innerHTML = "Test";
		};
	</script>

具体原因应该是：解析HTML的执行顺序弄错了,从上到下解析,而解析到script脚本的时候,根本就没有事件调用他,而在body里面才会有你的控件