JS基础知识之—<script>标签在html中的位置

把JavaScript插入到html页面中要使用<script>元素。

<script async src="https://sunflower31.js"></script>

使用这个元素可以把JavaScript嵌入到html页面中,让脚本与标记混合在一起,也可以包含外部的Javascript文件。

而我们需要注意的地方有:

<script>元素在页面中是同步加载的。

即会按照他们在页面中出现的先后顺序依次被解析,在不使用defer和async属性情况下:

例如全部写在<head>中,必须等全部JavaScript代码都被下载解析和执行完成后,才能开始呈现页面内容,这样页面加载就会慢。

那么怎么样可以解决问题,提升页面加载速度呢?

可以将script标签写在body体内最后,即</body> 前

这样在解析JavaScript代码前页面结构会先加载,有利于页面加载速度的提升。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。