一般页面引用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方法里