一般页面引用js,如果放在头部即<head></head>中时,意味着js会在页面加载前就读取,就有可能会出现获取不到对象的问题
重现问题:
一般页面引用js,如果放在头部即<head>中时,意味着js会在页面加载前就读取,就有可能会出现获取不到对象的问题:


index.html

test1.js

test2.js

index.js

报出找不到节点的错误
为了解决这个问题我们可以将代码改成(三种办法):

将入口方法放在<body></body>之间,浏览器会在加载页面时加载方法;
或者:

在body上加一个onload方法
再或者:

将js的引入都写在中
window.onload是一个事件,当文档加载完成之后就会触发该事件,可以为此事件注册事件处理函数,并将要执行的脚本代码放在事件处理函数中,于是就可以避免获取不到对象的情况。

入口js方法放在window.onload方法里