进来看让你躺着就把JavaScript学完了一

如果你想成为一名优秀的 java 架构师，看这里 → 乐字节免费公开课（腾讯课堂）

如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！

JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是，验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。

ECMAScript 定义的只是这门语言的基础，与 Web 浏览器没有依赖关系，而在基础语法上可以构建更完善的脚本语言。JavaScript 的运行需要一定的环境，脱离了环境 JavaScript 代码是不能运行的，JavaScript 只能够寄生在某个具体的环境中才能够工作。JavaScript 运行环境一般都由宿主环境和执行期环境共同构成，其中宿主环境是由外壳程序生成的，如 Web 浏览器就是一个外壳程序，它提供了一个可控制浏览器窗口的宿主环境。执行期环境则由嵌入到外壳程序中的 JavaScript 引擎（或称为 JavaScript 解释器）生成，在这个环境中 JavaScript 能够生成内置静态对象，初始化执行环境等。

Web 浏览器自定义的 DOM 组件，以面向对象方式描述的文档模型。DOM 定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。DOM 对象，是我们用传统的方法 (javascript) 获得的对象。DOM 属于浏览器，而不是 JavaScript 语言规范里的规定的核心内容。

前面的 DOM 是为了操作浏览器中的文档，而为了控制浏览器的行为和操作，浏览器还提供了 BOM（浏览器对象模型）。

ECMAScript(基础语法)

JavaScript 的核心语法 ECMAScript 描述了该语言的语法和基本对象

DOM(文档对象模型)

文档对象模型（DOM）—— 描述了处理网页内容的方法和接口

BOM(浏览器对象模型)

浏览器对象模型（BOM）—— 描述了与浏览器进行交互的方法和接口

浏览器：Chrome
开发工具：Hbuilder X
进入浏览器控制台 Console：F12
控制台的作用:

console 对象代表浏览器的 JavaScript 控制台，用来运行 JavaScript 命令，常常用来显示网页运行时候的错误信息。Elements 用来调试网页的 html 和 css 代码。

JS 需要和 HTML 一起使用才有效果，我们可以通过直接或间接的方式将 JS 代码嵌入在 HTML 页面中。

行内 JS : 写在标签内部的 js 代码

内部 JS : 定义在 script 标签内部的 js 代码

外部 JS : 单独的 js 文件，在 HTML 中通过 script 标签引入

我们可以将 JavaScript 代码放在 html 文件中任何位置，但是我们一般放在网页的 <font color=”red”>head</font> 或者 <font color=”red”>body</font> 部分。由于页面的加载方式是 <font color=”red”> 从上往下依次加载 </font> 的，而这个对我们放置的 js 代码运行是有影响的。

放在 <head> 部分，最常用的方式是在页面中 head 部分放置 <script> 元素，浏览器解析 head 部分就会执行这个代码，然后才解析页面的其余部分。

放在 <body> 部分，JavaScript 代码在网页读取到该语句的时候就会执行。

行内 JS：

<button onclick="alert('you clicked hered!!!')">click here</button>

内部 JS：

<script type="text/javascript" charset="utf-8">
    alert('this is inner js code')
</script>

外部 JS 文件：

hello.js

alert('this is a outter js document');

hello.html

<!-- 在需要使用 js 的 html 页面中引入 -->
<script src="js/hello.js" type="text/javascript" charset="utf-8"></script>

s 的 html 页面中引入 –>
<script src=”js/hello.js” type=”text/javascript” charset=”utf-8″></script>

进来看让你躺着就把JavaScript学完了一

JavaScript 基础语法

主要内容

JavaScript

简介

JavaScript 的组成

开发工具

基本用法