Javascript文件外部引入

最新推荐文章于 2023-12-09 20:40:48 发布

ʚ信仰ɞ

最新推荐文章于 2023-12-09 20:40:48 发布

阅读量861

点赞数 2

分类专栏：原生js 前端文章标签： js javascript html html5

本文链接：https://blog.csdn.net/qq_44761544/article/details/105485483

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

原生js

17 篇文章 0 订阅

订阅专栏

Javascript文件的外部引入规范

<script> 标签内的属性
- script主要有五个属性
- 可选属性：async(可选) defer(可选) charset(可选) src(可选) type(可选)
- async：异步脚本，外部文件
  - 当标签种包含这个属性时会立即下载引用的外部文件，只对外部脚本文件有效，下载的同时可以进行页面的其他操作，下载完成后停止解析并执行，执行后继续进行解析，但是不能保证执行顺序
  - ```
  <script src="./js/text.js" async></script>
```
- defer：延迟脚本，延迟加载 (重要)
  - 当包含这个属性时候，脚本可以在等到页面完全加载完成以后进行加载，同样，只对外部引入的script文件有效
  - ```
  <script src="./js/text.js" defer></script>
```
- charset：字符集
  - 很少使用
- src：引入地址
  - 要引入的外部文件地址
  - ```
  <script src="./js/text.js"></script>
```
- type：MIME脚本语言的内容类型
  - 写不写都可以，写的话就写text/javascript，不写type的话，默认值也是text/javascript
第一种
- 写在title标签的下方，这种引入方式并不推荐，因为浏览器加载js代码是由上到下进行加载，在还未加载HTML内容的情况下，就先去加载script代码，浏览器就会报错
- 解决办法，在script标签内加入延迟处理，在加载完HTML内容以后再去加载script文件
```
<script src="./js/text.js" defer></script>
```
第二种
- 写在HTML标签里面，这种写法我目前没有用过。
- ```
 <a href="javascript:alert('你好')">超链接</a>
```
第三种
- 写在body内部，推荐
- ```
<body>
    <script>
        alert("Hello");
    </script>
</body>
```
- 还有人写在了body外面，这种写法是不正确的，如果你写到了body的外面，在加载的时候浏览器也会帮你自动修正你的写法，会拖延网页加载速度

ʚ信仰ɞ

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Javascript文件外部引入

Javascript文件的外部引入规范<script> 标签内的属性script主要有五个属性可选属性：async(可选) defer(可选) charset(可选) src(可选) type(可选)async：异步脚本，外部文件当标签种包含这个属性时会立即下载引用的外部文件，只对外部脚本文件有效，下载的同时可以进行页面的其他操作，下载完成后停止解...
复制链接

扫一扫