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

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

精华
鹏鱼燕 2016-10-26 01:50:57 浏览(4944) 回复(15) 赞(0)

按照我们的书写习惯,我们通常把javascript标签放到头部,比如这样

但是也有一说,由于html中的js是按顺序加载的,如果js没有加载就会阻塞后面的html加载,所以考虑到网页载入流畅,应该把javascript放到最后面。

那么应该按照什么原则来放置js标签的位置呢?

回答(15)

精华 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从上到下加载,一旦你这个加载完成不了,其余的全空着,如果出来不了全部的页面,部分的效果有用吗? 养成这个习惯,放在最底部。

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 这个例子) 反正优先考虑体验的同时 方便自己最好我感觉

- Charlie ° 2017-07-28

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

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

            }
        </script>
    </body>
</html>
7528 2017-09-04

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

G` 2017-09-13

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

☀大叔i 2017-10-07

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

Silence广 2018-01-18

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

要回复,请先登录 或者注册
二维码
建议反馈
二维码