JS基础 - HTML相关_js在对 html标准进行扩展的基础上,引入了一系列的模板文法,使得我们可以用声明的-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_40710412/article/details/126008341

JAVASCRIPT包含 ECMAScript + DOM + BOM

ECMAScript规范了包含语法类型语句关键字保留字操作符对象，宿主环境（浏览器 node）提供扩展的IO 如 DOM BOM

MIME MultiPurpose Internet Mail Extensions 多用途网络邮件扩展一般为主类型/子类型的格式，如text/html application/javascript Model名称/方法名称

什么是MIME类型？

它的全名叫多用途互联网邮件扩展（Multipurpose Internet Mail Extensions），最初是为了将纯文本格式的电子邮件扩展到可以支持多种信息格式而定制的。后来被应用到多种协议里，包括我们常用的HTTP协议。

MIME的常见形式是一个主类型加一个子类型，用斜线分隔。比如text/html、application/javascript、image/png等。

在访问网页时，MIME type帮助浏览器识别一个HTTP请求返回的是什么内容的数据，应该如何打开、如何显示。

举个例子，在我们操作系统中，有文件拓展名，它帮助操作系统标注（注意是“标注”，而非“定义”）信息的格式。你用photoshop可以打开一个psd图像文件，把这个文件扩展名改为txt，再拖到photoshop窗口里，还是一样能打开，说明内容完全没有变化，变化的只是双击时的默认打开方式。而MIME的作用和文件拓展名相似，但不同的是它并非标注文件，而是在邮件和HTTP协议中用来标注网络数据的。

2. 3.script元素作用:保证JAVASCRIPT与HTML的共存，又能保证WEB能兼容各种浏览器

script属性:
- src : 包含的js脚本路径
- type: js脚本类型，用于替代language属性,一般为text/javascript MIME格式
- async 立即加载（异步加载）在加载html的同时加载脚本文件（仅外部js）
- defer: 脚本可以推迟到文档解析渲染之后加载（仅外部js）
- charset : src指定代码字符集
script引入方式内嵌/外部
- 内嵌引入时，解析器会逐行解析，并且解析过程时同步的，会卡住下面html的解析和渲染，同时需要注意，不能在内嵌的html中输入 </script> 如果需要，使用转义字符 <\/script>,在外部js中，没有这个限制

外部js同样会阻塞后面html的解析渲染，同时 src可以填写URL指向互联网上的js文件，需要保证指向地址的稳定性，可以通过 async 和 defer来解决卡住后面html解析的问题
script引入位置: 一般将script脚本放在<body>内容的后面，保证浏览器先解析，显示完所有的html之后再加载，解析 html 避免用户看到白屏
defer&async:
- 区分声明了defer和async的脚本都会在解析渲染html的同时下载(注意是下载，不涉及解析执行)，区别在于，defer即便是下载完成了，也会等待html解析渲染完成之后再执行，而async是乱序的，只要下载完成就执行，如下图所示

作用: 声明了defer和async都可以放在<head>标签中，也可以保证不会因为脚本的加载而阻塞页面，但是async由于不保证其顺序性，适用于不操作DOM的代码，而defer由于其一定会在html渲染之后执行，可以保证顺序性，可以加入操作DOM的代码。