把JavaScript插入到html页面中要使用<script>元素。
<script async src="https://sunflower31.js"></script>
使用这个元素可以把JavaScript嵌入到html页面中,让脚本与标记混合在一起,也可以包含外部的Javascript文件。
而我们需要注意的地方有:
<script>元素在页面中是同步加载的。
即会按照他们在页面中出现的先后顺序依次被解析,在不使用defer和async属性情况下:
例如全部写在<head>中,必须等全部JavaScript代码都被下载解析和执行完成后,才能开始呈现页面内容,这样页面加载就会慢。
那么怎么样可以解决问题,提升页面加载速度呢?
可以将script标签写在body体内最后,即</body> 前
这样在解析JavaScript代码前页面结构会先加载,有利于页面加载速度的提升。