JS复习之JavaScript引入注意事项

本文详细解析了HTML中<script>标签的使用技巧,包括async和defer属性的作用,以及如何优化JavaScript加载以提升网页性能。了解不同属性如何影响脚本执行时机,掌握正确放置JavaScript代码的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

笔记:

1.<script>标签常用属性

  一.async表示应该立即下载,但不妨碍其他资源或等待加载其他脚本,只对外部文件有效

  二.defer表示脚本可以延迟到文档完全被解析和显示后再执行,只对外部文件有效

  三.src表示要执行代码的外部文件

2.标签位置

  传统的做法是放入head标签中,但是这样会影响页面的加载,在加载过程中页面是一片空白,为避免这个问题一般将代码JavaScript引用放在body元素中页面内容的后

3.延迟脚本

  通过defer来立即下载,但是延迟执行,也就是等浏览器遇到了</html>标签再执行,html5规范要求它们出现的先后顺序执行,因此第一个延迟脚本会先于第二个延迟脚本执行,但是在现实中不一定会按顺序执行,也不一定会在DOMContentLoaded事件触发前执行,因此最好只包含一个

4.异步脚本

  异步加载脚本,异步脚本一定会在load事件前执行,但可能会在DOMContentLoaded事件触发之前或之后执行

 

转载于:https://www.cnblogs.com/myzsy/p/7783862.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值