html - javascript脚本应该写在代码的什么地方
PHP中文网
PHP中文网 2017-04-10 12:44:12
0
6
1061

目前看到的有写在<head></head>里的,有写在<body></body>末尾的。我知道js是阻塞加载的,写在<body>的末尾可以让它在页面加载完以后最后加载,但是我今天在无意中查看百度的页面源代码时,发现它居然把js写在了</body>之外与</html>之间,我想问的是,既然这样<script>到底与<html>有没有关系,我是不是甚至可以把它写在'<html>'之外。

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(6)
巴扎黑

1. HEAD中的脚本,是可以保证脚本在任何调用之前被加载。

2. BODY中的脚本,当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

3. Javascript可以放在页面的任何地方,它的加载顺序与页面的加载顺序一致,页面加载时,先加载head部分,后加载body部分,所以当把javascript代码块放在HTML前面时,它将先于head被加载,当放在head里面时,它将先于body被加载,当放在页面最后的的html之外时,它将最后被加载。

黄舟

是的,没有关系。只需要记住:你的这行JS如果要控制DOM,请确保该DOM已经在这行JS执行之前已经存在于HTML的DOM树中即可。

刘奇

js文件最好是独立出来存放,多个Javascript文件,为了减少对站点的请求次数(提高性能),应该把这些.js文件合并在一个文件中。

迷茫

一般来说,为了避免页面被js脚本阻塞,最好是放在body末尾。

script标签本身是可以放置在页面任意位置(甚至<html>前后),主流浏览器都会做出合理的判断。

Ty80

看情况,选择合适的加载情况。

Peter_Zhu

按照功能来说都可以,但一般都集中写,一般都是在html代码后,html和js之间写import的js文件。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template