理解脚本语言按顺序解析

代码：

<script>
document.getElementById("a").innerHTML = "kkkkkkkkkk";
</script>
<span id="a">xxxxxxxxx</span>

 

运行一下发现“kkkkkkkkkk”没有代替“xxxxxxxxx”，因为脚本语言按顺序来解析，解析到第2行时还没有span对象。

改为：
<span id="a">xxxxxxxxx</span>

<script>
document.getElementById("a").innerHTML = "kkkkkkkkkk";
</script>

 

就可以了。

或者：

<script>
function a()
document.getElementById("a").innerHTML = "kkkkkkkkkk";
}
</script>
<span id="a" onclick="a()">xxxxxxxxx</span>
用onclick来触发

又或者：
<script>
function a()
document.getElementById("a").innerHTML = "kkkkkkkkkk";
}
</script>
<span id="a">xxxxxxxxx</span>
<script>
function a()
</script>

所以应该尽量把js代码放到最后