Skip to content

<script>元素

JavaScript插入到HTML中需要用到<script>元素。这个元素可以把JavaScript嵌入到HTML页面中,让脚本与标记混在一起,也可以写在一个外部文件中,引入到HTML中。

注意点

  1. 引入外部js文件,需要用到src属性,这个外部文件即可以是同一个服务上的文件也可以是其他域上的文件。
  2. 所有<script>元素都会按照他们在页面中出现的先后顺序执行。在不使用deferasync属性的情况下,只有在解析完前面<script>元素中的代码之后,才会解析后面的<script>元素代码。

例如:

html
<script src="./a.js"></script>
<script src="./b.js"></script>

先执行a.js执行完a.js之后才会开始执行b.js文件。

  1. 由于浏览器会先解析完不使用defer属性的<script>元素中的代码,然后再解析后面的内容,所以一般会把<script>元素放在页面的最后面。
  2. 使用defer属性可以让脚本在文档完成呈现之后再执行。延迟脚本总是按照指定它们的顺序执行。
  3. 使用async属性可以表示当前脚本不用等待其他脚本,也不必阻塞文档呈现,不能保证异步脚本按照它们在页面中出现的顺序执行。

{docsify-updated}