引用外部script文件是存放的位置

最新推荐文章于 2023-08-02 16:00:33 发布

code_ja

最新推荐文章于 2023-08-02 16:00:33 发布

阅读量4.5k

点赞数 3

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/code_ja/article/details/51702773

版权

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

在编写代码的时候，我们都习惯把引用的外部JavaScript文件放在head标签中，这种做法的目的是把所有的外部文件放在同一个地方，便于管理，但是在文档的<head>元素中包含所有的JavaScript文件，就必须浏览器把所有的JavaScript代码都下载、解析和执行以后，才能开始呈现页面的内容，在这一期间，网页会是一片空白，这样用户体验是非常差的，为了避免这个问题，可以把文件放在<body>元素中页面内容的后面，使得页面的内容完全呈现在流浪器中，如下:

<!DOcTYPE html>
<html>
    <head>
        <title>html page</title>
    </head>
    <body>
        <!--这里放内容 -->
        <script type="text/javascript" scr="XXX.js></script>    
        <script type="text/javascript" scr="XXX.js"></script> 
    </body>
</html>