@[toc]
1 JavaScript 历史
- 布兰登 · 艾奇（Brendan Eich）
- 1995年，利用10天的时间创造了JavaScript
- 膜拜大佬
2 JavaScript是什么？
- JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言
- 脚本语言：不需要编译，运行过程中由Js解释器逐行来进行解释并执行。（并不是执行全部，而是编译一句执行一句）
- 也可基于Node.js 技术进行服务器端编程
3 JavaScript的作用
- 表单动态校验（密码强度检测）
- 网页特效
- 服务端开发（Node.js）
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
4 Html/Css/Js的关系
4.1Html/CSS 标记语言---描述类语言
Html决定网页结构和内容（看到什么）,相当于人的身体。
CSS决定网页呈现给用户的模样（好不好看），相当于给人穿衣服、化妆。
4.2 Js脚本语言 -- 编程类语言
实现业务逻辑和页面控制，相当于人的各种动作。
4.3 执行的区别
浏览器分为两部分：渲染引擎和JS引擎
- 渲染引擎：用来解析HTML和CSS，俗称内核，比如Chrome浏览器的Blink，老版本的WebKit。
- JS引擎： 也称JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如Chrome浏览器的V8。浏览器本身不会执行JS代码，而是通过内置的Js引擎来执行JS代码，逐行解释，逐行执行，原因是因为：Js是高级编程语言，计算机只认识机器语言
5 JS的组成
5.1 ECMAScript
ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。
5.2 Dom
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。
5.3 Bom
BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
6 JS书写位置
JS的书写位置有三种，分别为行内式，内嵌式，和外部式
6.1 行内式
类似于CSS中直接在标签上写属性
<input type="button" onclick="alert('你好哇')" value="点我试试"/>6.2 内嵌式（★）
这种是最常用的方式
<script type="text/javascript">
alert(parseInt("120pppm"))
</script>6.3 外部式
适合代码量特别大的文件，将js文件分离出去，然后通过Script引入
<script src="my.js"></script>7 JS的输入输出语句
| 方法 | 说明 | 归属 |
|---|---|---|
| alert(msg) | 浏览器弹出警示框 | 浏览器 |
| console.log(msg) | 控制台打印输出信息 | 浏览器 |
| prompt(info) | 浏览器弹出输入框，用户可以输入 | 浏览器 |
代码举例
弹出输入框：输入年龄，弹出输入的年龄，并在控制台打印
<script type="text/javascript">
var age = prompt("请输入你的年龄");
age = parseInt(age);
alert('您的年龄是:'+age);
console.log(age);
</script>
