话题 首页 > JavaScript 教程 > JavaScript 教程话题列表 > 详情

javascript标签到底是应该放在头部还是尾部

精华
鹏鱼燕 2016-10-26 01:50:57 浏览(19765) 回复(23) 赞(1)
按照我们的书写习惯,我们通常把javascript标签放到头部,比如这样 ![](http://www.w3cschool.cn:/attachments/day_161026/201610261352322621.png) 但是也有一说,由于html中的js是按顺序加载的,如果js没有加载就会阻塞后面的html加载,所以考虑到网页载入流畅,应该把javascript放到最后面。 那么应该按照什么原则来放置js标签的位置呢?

回答(23)

精华 2016-10-26

首先嘛,有部分资料上说按照惯例是要把丢在中,但是这样做就意味着网页内容必须等待所有的Javascript代码下载、解析、执行完毕后才能开始呈现,这样会导致网页打开延迟不利于用户体验,所以一般的做法是降丢在最底部。如图

HTML4.0.1(IE6这渣也能支持)中定义了一个属性 defer 。定义了这个属性脚本就会在整个页面都载入后再执行,这样就不会造成 网页打开延迟。

不信可以试试呦~ 嘿嘿嘿

耀石石石 2016-11-29

根据js的作用要放在不同的放置

(1)放在头部的

比如一些函数库,例如常见的JQ库<script type="javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>;

(2)放在底部的
例如某些需要文档加载完成才开始执行的,document.getElementById();等

张学峰 2016-11-26

引用的一般在头部 在内部写的一般都是放在尾部

1940694428 2017-03-31

论用户体验和性能来说,一般放底部最好了,HTML从上到下加载,一旦你这个加载完成不了,其余的全空着,如果出来不了全部的页面,部分的效果有用吗? 养成这个习惯,放在最底部。

- Charlie ° 2017-07-28

引入的放在顶部,本页面放在底部

<html>
    <head>
        <script src="js/jquery.js"></script>
    </head>
    <body>
        <div></div>
        <script>
            function test(){


            }
        </script>
    </body>
</html>
☀大叔i 2017-10-07

引入的放在顶部,本页面放在body下面。。。

kukulonggg 2018-04-27

这个要看个人的开发经验、开发功底,开发习惯。如果你能保证自己的js能正常运行,放在前面也可以,如果js文件比较大,需要较长的加载或这下载时间(考虑到上帝体验),建议把js分割,放在合适的位置。如果不考虑加载等待或首次访问响应效率问题,可以考虑放在页面的最后。

371515375 2016-10-28

性能上放末尾.但是习惯上放头部~

3142717 2016-10-28

放在前 性能上有提高 提高很多的。

sinlor 2016-11-25

引用的一般在头部

自己写的一般都是放在尾部

Sephiroth 2016-12-23

陈的回答长知识了 不过我看到有直接在input text文本输入框下面直接嵌入的(教程刚开始看http://www.w3cschool.cn/tryrun/showhtml/tryjs_intro_validate 这个例子) 反正优先考虑体验的同时 方便自己最好我感觉

7528 2017-09-04

由于jS是顺序执行,有些程序的script放在开头容易报错,因为某些命名没有检索到就被执行,这种情况一般放在结尾(性能比较好)。

G` 2017-09-13

习惯性放头部,body里也可以放。

Silence广 2018-01-18

由于jS是顺序执行,有些程序的script放在开头容易报错,因为某些命名没有检索到就被执行,这种情况一般放在结尾(性能比较好)。

1152696398 2018-05-31

这个领域不太懂!! 还是坐等大佬吧...

一笔荒芜 2018-06-01

有同样等问题咋解决,只能慢慢等大神啦.留名留名。。

海海520 2018-07-03

根据js的作用要放在不同的放置(1)放在头部的比如一些函数库,例如常见的JQ库](http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js%2522%253E%253C/script%253E);(2)放在底部的 例如某些需要文档加载完成才开始执行的,document.getElementById();等

w995964550 2018-08-13

只知道angularjs文件最好在头部引用,jquery文件最好在尾部引用,这东西要看库而定,但是一般都是放在尾部吧,而且要先引用后加js语句

要回复,请先登录 或者注册