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

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

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

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

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

转载于:https://www.cnblogs.com/voidchar/p/10242932.html