第一章 js简介& 第二章在HTML中使用JavaScript

最新推荐文章于 2022-11-06 23:52:01 发布

北冥鲲飞后

最新推荐文章于 2022-11-06 23:52:01 发布

阅读量194

点赞数 1

本文链接：https://blog.csdn.net/qq_38316269/article/details/79535511

版权

本文介绍了如何在HTML中引入JavaScript，强调了<script>元素的src属性设置和解析顺序。浏览器通常按顺序解析脚本，推荐将<script>放在<body>标签最后。defer属性确保脚本在文档加载后执行，保持执行顺序；而async属性允许脚本异步执行，不保证执行顺序。

摘要由CSDN通过智能技术生成

  js 是一种专为网页交互而设计的脚本语言,由以下三个不同部分组成: 

  1.ECMAScript,由ECMA-262定义,提供核心语言功能: 

  ECMA-262:第一种通用的新脚本语言标准 

  组成部分:语法,类型,语句,关键字,保留字,操作符,对象 

  2.文档对象模型(DOM),提供访问和操作网页内容的方法和接口 

  3. 浏览器对象模型(BOM),提供与浏览器交互的方法和接口 

  js插入HTML页面使用<script>元素,需要注意的有: 

包含外部js时,必须将src属性设置为指向相应文件的url.这个文件既可以是与页面位于同一服务器上的,也可以是外部文件
所有<script>元素都会按照他们在页面中出现的先后顺序依次被解析.在不使用defer和async属性的情况下,只有在解析完前面的代码之后,才会开始解析后面的代码

  defer:延迟脚本(不一定会按照顺序执行,尽量只包含一个延迟脚本;只适用外部脚本) 

  async:异步脚本,保证页面不会等待该脚本加载完毕后再下载其他脚本 

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