1.JavaScript-介绍

User Interface 用户界面，我们所看到的浏览器
Browser engine 浏览器引擎，用来查询和操作渲染引擎
Rendering engine 用来显示请求的内容，负责解析HTML、CSS，并把解析的内容显示出来
Networking 网络，负责发送网络请求
JavaScript Interpreter(解析者) JavaScript解析器，负责执行JavaScript的代码
UI Backend UI后端，用来绘制类似组合框和弹出窗口
Data Persistence(持久化) 数据持久化，数据存储 cookie、HTML5中的sessionStorage

什么是JavaScript？

JavaScript简称JS，是前端开发的一门脚本语言(解释型语言)。
解释型语言：程序执行之前，不需要编译就可以直接运行, 运行时再边解析边执行的语言。

JavaScript的作用

HTML 提供网页上显示的内容（结构）；
CSS 美化网页（样式）；
JavaScript 控制网页行为（行为），让网页能够与用户进行交互。

JavaScript的组成

核心（ECMAScript）
文档对象模型（DOM）Document Object Model
浏览器对象模型（BOM）Browser Object Model

1. ECMAScript学习基础语法
2. DOM如何通过JS操作元素
3. BOM如何操作浏览器

JavaScript的书写格式

CSS书写格式：

1. 行内样式：写在标签内部；
2. 内嵌样式（内联样式）：写在一对head标签中；
3. 外链样式：写在一个单独的.css文件中，再倒入进来

JS书写格式：

• 行内：写在标签内部；
• 内嵌：写在一对head标签中；
• 外链：写在一个单独的.js文件中，再导入进来。
  书写格式注意点：
  1.不推荐直接将JavaScript代码书写到标签内部；
  2.默认情况下浏览器会从上至下地解析网页，所以如果将JavaScript写到一对head标签中，并且需要通过JavaScript代码操作界面上的元素，那么就不能直接书写JavaScript代码，否则无效。
• 如果想将JavaScript写到一对head标签中，并且需要在JavaScript代码中操作界面上的元素，那么必须加上window.onload
  = function(){操作界面元素的JavaScript}
• window.onload的含义：等到界面上的内容都加载完毕再执行{}中的代码。
• 由于默认情况下浏览器会从上至下地解析网页，所以想要通过JavaScript操作界面上的元素只需要等到元素被加载解析之后操作就可以了，所以我们还可以将JavaScript代码写到body结束标签的前面
  3.如果通过外链式导入.js文件，并且需要在.js文件中操作界面上的元素，那么如果是在head标签中导入的，必须在.js文件中加上window.onload。如果在body结束标签前面导入的，那么就不用添加window.onload
  4.如果需要在一对script标签中编写JavaScript代码，那么就不能同时通过script标签再导入其他的.js文件，否则书写的JavaScript代码无效。