JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。
简称JS
一个完整的网页由三部分组成：
HTML?? （网页的主体部分）
CSS???? （美化的主体部分）
JavaScript （实现业务逻辑和页面控制）
| HTML | CSS | JavaScript |
| 结构 | 样式 | 行为 |
| 决定网页的结构和内容，相当于人的身体。 | 决定网页呈现给用户的效果，相当人的于衣服。 | 实现业务逻辑和页面控制，相当于人的各种动作。 |
JS由核心语法、DOM文档对象模型和BOM浏览器对象模型三部分组成。
| ECMAScript | DOM | BOM |
| 规定了JavaScript的编程语法和基础核心内容，是所有浏览器厂商共同遵守的一套JavaScript语法工业标准。 | 文档对象模型，是W3C组织指定的用于处理HTML文档和XML文档的编程接口，它提供了对文档的结构化表述，并定义了一种方式使程序可以对该结构进行访问，从而改变文档的结构、样式和内容。 | 浏览器对象模型，是一套编程接口，用于对浏览器进行操作，如刷新页面、弹出警告框、控制页面跳转等。 |
| 渲染引擎（排版引擎） | JavaScript引擎 |
| 负责解析HTML代码和CSS代码，用于实现网页结构和样式的渲染。 | JavaScript引擎是JavaScript语言的解释器，用于读取网页中的JavaScript代码并执行。 |
“浏览器内核”是一个不太严谨的俗称，一般值渲染引擎和JavaScript引擎，由于JavaScript引擎越来越独立，部分资料就倾向于单指渲染引擎。
1、简单易用 （只需要用户安装浏览器即可使用）
2、跨平台??? 和上述一样。
3、支持面向对象
| 常见的两大开发工具 | VSCode | HBuilderX |
| 优点 | 什么语言都可以用它编写 | 专注于前台设计 |
| 缺点 | 界面设计不合理，安装的插件需要很多，需要联网等 | 功能较少 |
下载安装包并解压，将HbuilderX.exe生成快捷方式在桌面。
左上角：文件---新建---项目---普通项目---项目名称---存储路径---基本HTML项目
文件完成后需手动保存，然后运行。
| <!DOCTYPE html> <html> ?? ?<head> ?? ??? ?<meta charset="utf-8" /> ?? ??? ?<title></title> ?? ?</head> ?? ?<body> ?? ??? ?我是一枚想学好Java的ikun ?? ??? ?<script> ?? ??? ??? ?alert("你是ikun吗？") ?? ??? ?</script> ?? ?</body> </html> |
总结：JS代码必须放在<script>标签内部????????
? ? ? ? ? ?script不能交叉嵌套
? ? ? ? ? ?script标签的摆放顺序可以随意，但将其放在body标签的内部的最下方最合适，若HTML页面中有大量JS代码，会导致加载时间过长，由于JS代码的执行是从上到下的，若是将JS代码放在HTML页面的上方就会导致执行JS代码时间过长，而下方的HTML代码则未被加载。
| 嵌入式 | 外链式 |
| 将JS代码放在script标签中，将script标签放在HTML页面中（和CSS代码很类似）。适用于JS代码较少，不会影响到正常阅读HTML代码 | 适用于JS代码非常多，不适合放在HTML页面中，不然会导致阅读HTML代码的不方便 |
| <script scr="test.js"> </script>? |
外链式相比于嵌入式的三大优势：
浏览器执行JavaScript代码时，无论使用嵌入式还是外链式，页面的加载和渲染都会暂停，等待脚本执行完成加载后才会继续。为了尽可能减少对整个页面的影响，建议将不需要提前执行的<script>标签放在<body>标签内的底部位置
为了减少JavaScript阻塞问题对页面造成的影响，可以使用HTML5为<script>标签新增的两个可选属性async和defer实现异步加载。
所谓异步加载，指的是浏览器在执行加载JavaScript文件时不阻塞页面的加载和渲染