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


 

重现问题:

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

 
JS(1):js的文件加载顺序
 

 

 
JS(1):js的文件加载顺序
index.html

 

 
JS(1):js的文件加载顺序
test1.js
 
JS(1):js的文件加载顺序
test2.js

 

 
JS(1):js的文件加载顺序
index.js

 

 
JS(1):js的文件加载顺序
报出找不到节点的错误

为了解决这个问题我们可以将代码改成(三种办法):

 

 
JS(1):js的文件加载顺序
将入口方法放在<body></body>之间,浏览器会在加载页面时加载方法;

或者:

 

 
JS(1):js的文件加载顺序
在body上加一个onload方法

 

再或者:

 

 
JS(1):js的文件加载顺序
将js的引入都写在中

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

 
JS(1):js的文件加载顺序
入口js方法放在window.onload方法里

 

 

 

 

 

 

相关文章:

  • 2022-12-23
  • 2022-02-07
  • 2021-12-10
  • 2021-12-20
  • 2022-12-23
  • 2022-02-02
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-28
  • 2021-06-28
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
相关资源
相似解决方案