HTML中 JavaScript 的加载方式(defer、async)

HTML中 JavaScript 的加载方式


前言

相信各位前端的小伙伴都用过script元素,今天我们就来好好聊一聊它。


script元素

将JavaScript插入HTML的主要方法是使用〈〉元素,有下列8个属性

属性名 状态 描述
async 可选 表示应该立即下载脚本,但不能阻止其他页面动作,只对外部脚本文件有效
charset 可选 使用src属性指定的代码字符集(很少用,大部分浏览器不在乎)
crossorigin 可选 配置相关请求的cors设置,默认不用
defer 可选 表示在文档解析和显示完成后再执行脚本,只对外部脚本文件有效
integrityr 可选 允许比对接收道德资源和指定的加密签名以验证子资源的完整性,若接收子资源的加密签名与属性指定签名不匹配,则页面报错
language 废弃 最初用于表示代码块中的脚本语言
src 可选 表示要执行的代码的外部文件
type 可选 表示代码块中脚本语言的内容属性

src的优先级高于行内代码:使用了src属性的script元素,如果再在标签内包含其它javascript代码,会忽略行内代码。

<script src="xxx"> // 代码无效
function fn() {} </script> 

script 标签位置

head 标签内

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值