https://segmentfault.com/q/1010000000094589-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

https://segmentfault.com/q/1010000000094589

2016-03-10 17:05:05 2849 1

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

<html>
    <head>
        <script type="text/javascript" src="http://s.segmentfault.com/js/jquery.js"></script>
    </head>
    <body>
    ...
    </body>
</html>

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

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

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 18:57:58

    你这个问题啊,我的印象笔记录过相关资料,复制过来给你看看,忘了是那本书摘录的
    按照惯例,所有

    <html>
    <head>
        <script type="text/javascript" scr="example.js"></script>
    </head>
    <body>
    </body>
    </html>

    这种做法就是把所有的外部文件(包括CSS和JS)的引用都放在相同的地方。可是文档的

    包含所有JavaScript文件则意味着必须等到所有JavaScript代码下载、解析、执行完以后才呈现网页的内用,这无疑会导致浏览器在呈现页面时出现明显的延迟,为了避免这个问题,现代Web应用程序一般全部JavaScript放到元素中。
    <html>
    <head>
    </head>
    <body>
        <script type="text/javascript" scr="example.js"></script>
    </body>
    </html>

    HTML4.0.1(垃圾的IE6也支持)为

    全选复制放进笔记

    <html>
    <head>
    </head>
    <body>
        <script type="text/javascript" defer="defer" scr="example.js"></script>
    </body>
    </html>
    0 0
相关问答

11

回答

在阿里云上安装和运行Node.js全功略

ycwong 2013-09-18 15:17:30 64420浏览量 回答数 11

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56999浏览量 回答数 19

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157741浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93835浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147264浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146060浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85377浏览量 回答数 23

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305679浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80480浏览量 回答数 13

14

回答

对象存储oss【问答合集】

我是管理员 2018-08-03 14:54:02 67751浏览量 回答数 14
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载