当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 关于js代码位置的第一次总结

关于js代码位置的第一次总结

2019年01月09日  | 移动技术网IT编程  | 我要评论
最近在学习dom树节点操作时,发现查找结点总是返回null,原因在于将js代码放在了head里,因为页面是从上往下逐行加载,在还未加载相关节点时当然查找不到,返回值为null. 而对于另一句老生常谈的语句:“在不影响HTML页面加载的情况下,js代码越晚加载越好”,博主在查阅了部分资料后,有了如下初 ...

最近在学习dom树节点操作时,发现查找结点总是返回null,原因在于将js代码放在了head里,因为页面是从上往下逐行加载,在还未加载相关节点时当然查找不到,返回值为null.

而对于另一句老生常谈的语句:“在不影响html页面加载的情况下,js代码越晚加载越好”,博主在查阅了部分资料后,有了如下初步认识:

  1. 浏览器逐行解析代码,放在头部的js代码会拖慢页面加载速度
  2. 部分(如onload)应该在页面加载时生效的js代码,应该放在页面头部
  3. 将不同模块页面合并时,有些js代码无可避免的会出现在body中
  4. 页面元素未加载时,对该元素的操作会失效

另外,https://segmentfault.com/a/1190000004292479这篇文章有关于dom树和js代码的深入解释,但现在所学尚浅,还不能完全理解,待深入学习之后,在做第二次整理。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网