引入js的script标签到底是放在head还是body中

Question

如题所述

Answer 1

js因为要操作DOM，是要页面加载后执行像jquery这种库可以放在head里面,你自己写的js应该放在BODY的最下面
补充：页面加载后执行:
只要将script放在body的结尾，默认就是页面加载后执行
2种:
1. window.onload=function(){...}
在页面加载后自动触发
问题: onload: 整个加载完成: html , css , js , 图片...
onload中通常执行DOM操作，和css和图片无关
解决: ondomcontentLoaded: 仅DOM树和js加载完成
其实domcontentLoaded时就已经可以执行DOM操作
如何: $(document).ready(function(){...})
ondomcontentLoaded:
简化: $().ready(function(){...})
更简化: $(function(){...})
其实: 将script放在body结尾，就已经是domcontentLoaded