我相信大多数人都是把<script>提到<head>里面去,这样以来格式工整,心情舒畅,强迫症患者酣畅淋漓。但是不幸的是html代码执行顺序是自顶向下的,如果你只是定义普通的变量类型倒无所谓,一旦涉及到Element就惨了,<body>里的元素还没被加载出来,js语句就已经执行完了。然后你测试就会发现,你定义的元素变量,全部返回null,根本没有捕获元素,但是为了代码的效率,你又不得不将getElement等语句定义为一个个全局变量以便调用,诶那咋办勒。
一般来说这就代码习惯有关了,大多数都是把<script>拉到<body>靠后位置去,这样元素就先被加载了。还有比较好的代码风格是一个元素的事件对应一个js语句来写,当然由于全局变量会被提后的缘故,靠前的代码又用不了,所以大部分代码都是写在后面的。
所以嘛,客观的来讲:
方法一:按照自顶向下加载的顺序合理排列js语句。
方法二:用window.onload自行设定加载顺序。(逃
温馨提示:内容为网友见解,仅供参考