最近在摸索javascript的时候，发现有时候用“getElementsByTageName（）”获取节点列表的时候，有时候列表标签存在的情况下，获取的节点列表长度竟然0。
联想之前发现的种种问题，发现javascript脚本执行的时间还是很有蹊跷的。
w3school里对不同位置的js脚本执行的时间说的很含糊：
个人理解就是，外链的js脚本会在html没有载入的时候就执行，
而head中的脚本会在html载入的时候执行，
而有点意思的是body中js脚本的执行时间。
看下面的代码：
<body>
<script type="text/javascript">
var list =document.getElementsByTagName("ul");
alert(list.length);
</script>
<ul>
<li>test1</li>
<li>test2</li>
</ul>
<ul>
<li>test3</li>
<li>test4</li>
</ul>
</body>
alert的结果是0；
也就是说，在js被执行的时候，ul标签还没有被加载出来，所以js得到的列表长度是0；
而把js代码放到代码的底部（其实就是“ul”标签后面），alert结果，想必你也知道了，是2，
在ul标签加载完成之后，js才被执行，所以会得到长度为2的列表。
所以我们可以看出，当js脚本被放在body之中的时候，他的执行时间是与它的位置有关的：浏览器解析html及js代码是顺序的。
我觉得理解这些还是很重要的，特别是有时候需要用js更改页面中元素内容的时候，js放在不合适的位置就会导致获取元素失败。
测试环境：win7 x64
浏览器:chrome & ie8 x64
扫一扫
2725
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
