zl程序教程

您现在的位置是:首页 >  其它

当前栏目

“Script“ 标签

标签 script
2023-09-27 14:28:03 时间

Script 标签

前言:本文适合于js 初学者,主要讲述了 script 标签特性以及引入js 脚本的方法

1. Script 标签

可以使用 script 标签将任何 js 代码嵌入到 html
当浏览器遇到<script>标签,代码会自动执行

2.现代的标记

<script>有一些很少用到的特性

2.1 type特性 <script type=...>

<script type="text/javascript">

2.2 language特性

这个特性是为了显示脚本所用的语言,现在已经没有意义

3.外部脚本

脚本可以通过src特性将 js 文件添加到 HTML

相对路径或者绝对路径。也可以是url地址
<script src="/path/to/script.js"></script>

使用独立文件的好处是浏览器会下载它,并将其加入到浏览器缓存中,之后,其他页面想要相同的脚本就会从缓存中取而不是下载它。所以文件实际上只会下载一次,这可以节省流量,并使得(页面)加载更快。

如果设置了src特性,script标签内容将会被忽略。

<script src="file.js">
  alert(1); // 此内容会被忽略,因为设定了 src
</script>

总结

  • 我们可以使用script标签将代码嵌入到 html 中。
  • typelanguage特性不是必须的
  • 外部的脚本可以通过 <script src="path/to/script.js"></script> 的方式插入。