7.22 学习JavaScript高级程序设计 笔录
JavaScript是一种专为网页交互设计的脚本语言, 有三个不同的部分组成: ECMAScript提供核心语言功能、文档对象模型DOM、浏览器对象模型BOM
向HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01为其定义了下列6个属性
1、async : 表示应该立即下载脚本,但不应该妨碍页面中的其他操作,个人理解是异步的意思 浏览器解析的时候不会阻塞
2、defer: 表示脚本可以延迟到文档完全被解析和显示之后再执行. 相当于js放在html最底部
3、charset : 表示通过src属性指定的代码的字符集 ,大多数浏览器会忽略它的值
4、type: 可以看成language的替代品 application/JavaScript text/javascript 默认是text/JavaScript
5、src: 表示包含要执行代码的外部文件
6、language: 已废弃 原来用于表示编写代码使用的脚本语言
⚠️注意:
1、在script标签内不能出现</script> 浏览器会认为这是结束标签,并产生一个错误.可以用转义符 \ 解决这个问题
2、当script的src和嵌入代码都存在的情况下,会执行外部脚本文件,嵌入的代码会被忽略
3、在XHTML文档中可以省略结束标签.但是 不能在HTML文档中使用这种语法. (可以利用栈管理 以判断标签是否闭合)
4、浏览器不会检查包含JavaScript的文件的扩展名. 所以不写 .js不报错. 但是 如果尝试服务端语言动态生成JavaScript代码就需要手动声明MIME类型 (application/JavaScript text/JavaScript 记不记得 手写vite的时候就用到了)
5、<script> 和 <img>非常相似,src属性可以指向当前html页面所在域之外的某个域中的完整URL (所以可以解决跨域,但是有安全问题)
6、async defer 可以做性能优化
