JavaScript基础学习（一）：HTML中的JavaScript

最新推荐文章于 2023-09-22 19:00:24 发布

weixin_41387874

最新推荐文章于 2023-09-22 19:00:24 发布

阅读量375

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41387874/article/details/116396492

版权

关键词由CSDN通过智能技术生成

57 篇文章 0 订阅

订阅专栏

写在之前

defer和async的区别：

<script src="url1" defer="defer"></script>
<script src="url2" defer="defer"></script>

多个外部脚本在defer之后，执行顺序不变，保证第一个外部脚本在第二个外部脚本之前执行。

<script src="url1" async="async"></script>
<script src="url2" async="async"></script>

多个标记为async的外部脚本并不能保证它们按照出现的顺序执行，第二个脚本可能先于第一个脚本执行

type属性，这是一个可选的属性，用于表示代码块中脚本语言的内容类型(MIME类型)，按照惯例这个属性的值一般都是"text/javascript"，如果属性值是"module"，那么代表代码块会被当成ES6模块，只有在这时代码块中才能出现import和export关键字。

使用<script>的两种方式

<script>
	function sayHi()
	{
		alert("Hi");
	}
</script>

行内脚本就是直接把JavaScript代码放在<script>中，行内脚本不能设置async属性和defer属性，这就表示行内脚本在执行时会阻塞页面。

<script src=""></script>

使用src属性可以引入外部脚本，外部脚本如果没有设置defer属性和async属性，在外部脚本的下载和执行过程中都会阻塞页面。
如果在设置src属性的<script>元素中加入了行内脚本，浏览器会忽略行内脚本。

<script>位置对页面渲染速度的影响
把<script>标签放到<body>元素中其他所有元素的后面，可以使浏览器在处理JavaScript之前完成页面渲染。
浏览器在遇到<body>标签之后开始渲染，在完成渲染之前，浏览器窗口完全空白。

关注

专栏目录