初始JavaScript

JavaScript是什么？

JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言。

脚本语言：不需要编译，在运行过程中由js解释器（js引擎）逐行来进行解释并执行。

现在也可以基于Node.js技术来进行服务器端的编程。

应用

• 表单验证（密码强度检测）
• 网页特效
• 服务端开发（Node.js）
• 桌面程序
• APP
• 控制硬件-物联网（Ruff）
• 游戏开发

JavaScript发展史？

HTML、CSS、JS之间的关系

HTML和CSS标记语言都是描述类语言。HTML决定网页结构和内容，CSS决定网页呈现给用户的模样。

JS脚本语言是编程类语言，实现业务逻辑和页面控制等决定功能。

浏览器执行JavaScript的原理

浏览器分为两部分：渲染引擎和JS引擎。

• 渲染引擎：用来解析HTML和CSS，俗称内核，比如Chrome浏览器的blink，老版本的webkit。
• JS引擎：也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如Chrome浏览器的V8。

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码，将其转化为机器语言。然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

JavaScript组成的三部分

（1）ECMAScript

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

（2）DOM——文档对象模型

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

（3）BOM——浏览器对象模型

BOM（Browser Object Model，简称BOM），浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹窗框、控制浏览器跳转、获取分辨率等。

三种书写位置

（1）行内式

直接写到元素的内部

（2）内嵌式

<script>代码块</script>

（3）外部JS

引入.js文件

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