关于js代码位置的第一次总结
程序员文章站
2022-04-04 14:40:43
最近在学习dom树节点操作时,发现查找结点总是返回null,原因在于将js代码放在了head里,因为页面是从上往下逐行加载,在还未加载相关节点时当然查找不到,返回值为null. 而对于另一句老生常谈的语句:“在不影响HTML页面加载的情况下,js代码越晚加载越好”,博主在查阅了部分资料后,有了如下初 ......
最近在学习dom树节点操作时,发现查找结点总是返回null,原因在于将js代码放在了head里,因为页面是从上往下逐行加载,在还未加载相关节点时当然查找不到,返回值为null.
而对于另一句老生常谈的语句:“在不影响html页面加载的情况下,js代码越晚加载越好”,博主在查阅了部分资料后,有了如下初步认识:
- 浏览器逐行解析代码,放在头部的js代码会拖慢页面加载速度
- 部分(如onload)应该在页面加载时生效的js代码,应该放在页面头部
- 将不同模块页面合并时,有些js代码无可避免的会出现在body中
- 页面元素未加载时,对该元素的操作会失效
另外,https://segmentfault.com/a/1190000004292479这篇文章有关于dom树和js代码的深入解释,但现在所学尚浅,还不能完全理解,待深入学习之后,在做第二次整理。
上一篇: Django框架实现的简单分页功能示例
下一篇: oracle简单触发器实例讲解