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

JavaScript030

js的script标签到底是放在head还是body中?,第1张

js可以分为外部的和内部的。

外部的js一般放到head内

内部的js也叫本页面的JS脚本,

内部的js一般放到body内,这样做的目的有很多,

head内的js会阻塞页面的传输和页面的渲染。

而 CSS 应当写在 head 中,以避免页面元素由于样式缺失造成瞬间的白页或者给用户闪烁感。 ---吴钊

主要是先加载和后加载的区别。 如果JavaScript脚本写在head标签里面,那么需要用window.onload起到一个延迟加载的作用。 如果JavaScript脚本写在body里面,也要看具体位置。如果写在body里面,一般都是写在了body标签的最后面。

javascript代码写在<head>里面:

由于这时候网页主体(body)还未加载,所以这里适合放一些不是立即执行的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)

javascript代码写在<body>里面:

这里可以放函数也可以放立即执行的语句,但是如果需要和网页元素互动的(比如获取某个标签的值或者给某个标签赋值),Javascript代码务必在标签的后面

javascript代码写在<body>下面:

这时候整个网页已经加载完毕了,所以这里最适合放需要立即执行的命令,而自定义函数之类的则不适合。