`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 中。
type 和language特性不是必须的
外部的脚本可以通过 <script src="path/to/script.js"></script> 的方式插入。

“Script“ 标签相关推荐

HTML5 script 标签的 crossorigin 和integrity属性的作用
Bootstrap 4 依赖的基础库中出现了两个新的属性 1 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim ...
Script标签的async和defer
之前有写过HTML页面渲染过程,知道了JavaScript是会阻塞DOM解析的,所以我们会把script标签放到底部防止阻塞HTML解析.其实script还有两个属性,async和defer,也是可以 ...
script标签的defer属性
defer 属性规定是否对脚本执行进行延迟,直到页面加载为止. 有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了. 如果您的脚本不会改变文 ...
浅谈script标签中的async和defer
script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了. 直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DOM渲 ...
vue 如何解析原生html,VUE渲染后端返回含有script标签的html字符串示例
VUE渲染后端返回含有script标签的html字符串示例发布时间:2020-09-14 23:37:52 来源:脚本之家阅读:207 作者:冷幽悠在接入支付宝支付模块的时候,支支返回的是一个f ...
html css integrity,HTML5 script 标签的 crossorigin 和integrity属性的作用
Bootstrap 4 依赖的基础库中出现了两个新的属性 1 2 3 HTML5 新的规定,是可以允许本地获取到跨域脚本的错误信息,但有两个条件:一是跨域脚本的服务器必须通过 Access-Contr ...
script标签属性sync和defer
<script src="a.js" defer></script> 加了defer属性script标签的页面,运行流程如下: 1.浏览器开始解析HTML页 ...
面试小记---外部脚本必须包含 script 标签吗？
外部脚本必须包含 <script> 标签吗? 答案是否定的. 身为小白的我一开始也是以为这句话的对了,因为本来嘛,引用外部脚本不都用的是<script>标签中的src属性吗.所 ...
script标签中的async和defer
在程序中代码是一行一行执行的,html标签都是由渲染引擎来执行,代码执行时从上往下一行一行执行,当执行到alert(如下图),alert会阻塞后面代码的执行,当点击完确定之后,代码继续往下执行. ja ...
用手动创建新的script标签的方式，实现JavaScript脚本的异步加载
代码第四行里新建一个script标签页,在第8行的回调函数onreadystatechange里,根据属性readyState判断当前标签页的状态,如果为loaded或者complete,说明脚本加载 ...

“Script“ 标签

`Script` 标签

1. `Script` 标签

2.现代的标记

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

2.2 `language`特性

3.外部脚本

总结

“Script“ 标签相关推荐

最新文章

热门文章

“Script“ 标签

Script 标签

1. Script 标签

2.现代的标记

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

2.2 language特性

3.外部脚本

总结

“Script“ 标签相关推荐

最新文章

热门文章

`Script` 标签

1. `Script` 标签

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

2.2 `language`特性