第2章: 在HTML中使用JavaScript

我是石灰

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 可以做性能优化