# 初识 JavaScript

# JavaScript 历史

• 布兰登 艾奇
• 1995 年利用 10 天完成 JavaScript 设计
• 网景公司最初命名为 LiveScript，后来与 Sun 合作后将其名改为 JavaScript

# JavaScript 介绍

• JavaScript 是世界上最流行的语言之一，是一种运行运行在客户端的脚本语言
• 脚本语言，不需要编译，运行过程中由 js 解释器逐行进行解释并执行
• 现在也可以基于 Node.js 技术进行服务器端编程

# JavaScript 的使用

• 表单校验
• 网页特效
• 服务端开发（Node.js）
• 桌面程序
• App
• 控制硬件
• 游戏开发

# 浏览器执行 JS 简介

# 渲染引擎

用来解析 HTML 和 CSS，俗称内核，比如 chrome 浏览器的 blink，老版本的 webkit

# JS 引擎

也成为 JS 解释器，用来读取网页中的 JavaScript 代码，对其处理后运行，比如 chrome 浏览器的 v8

# JS 组成

# ECMSScript

ECMAScript 是由 ECMA 国际标准（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它被称为 JavaScript 或 JScript，但国际上两者是 ECMAScript 语言的实现和扩展

# DOM（文档对象模型）

文档对象模型（Document Object Model），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口，通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小，位置，颜色）

# BOM（浏览器对象模型）

BOM（Browser Object Model）是指浏览器对象模型，它提供了独立于内容，可以与浏览器窗口互动的对象结构，通过 BOM 可以操作浏览器窗口，比如弹出框，控制浏览器跳转

# JS 代码三种方式

# 行内式 JS

<input type="button" onclick="alert('Hello World')">

# 内嵌式 JS

<script>

    alert('Hello World');

</script>

# 外部 JS

<script src="my.js"></script>

# JavaScript 注释

# 单行注释

// 单行注释

# 多行注释

/* 

	多行注释 

*/

# JavaScript 输入输出语句

# 三种输入输出语句

alert('警示框');

console.log('程序员测试用');

prompt('用户输入框');