一、什么是JavaScript

JavaScript是一门描述型语言,也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性能的脚本语言

总结特点如下

• JavaScript主要用来在HTML页面中添加交互行为
• JavaScript是一种脚本语言，无需加载方可运行
• JavaScript一般用于编写客户端的脚本
• JavaScript是一种解释性语言，边执行边解释

二、JavaScript的组成

1.ECMAScript标准

ECMAScript是一种开放的,被国际上广为接受的,标准的脚本语言规范.他不与任何具体的浏览器绑定.

ECMAScript标准主要描述了一下内容.

1. 语法
2. 变量和数据类型
3. 运算符
4. 逻辑控制语句
5. 关键字,保留字
6. 对象

ECMAScript是一个描述,规定了脚本语言的所有属性,方法和对象的标准,因此在使用Web客户端脚本编码时一定要遵循ECMAScript标准

2.浏览器对象模型(BOM)

浏览器对象模型(Browser Object Model,BOM),提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互,如网上常见的弹出窗口,前进后退等功能都是浏览器对象控制的.

3.文档对象模型(DOM)

文档对象模型(Document Objecr Model,DOM),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操作HTML文档,如网上商城常见的随鼠标移动显示大的图片,弹出小提示等都是文档对象的功劳

三、正式学习

1.JavaScript应用的三种方式

1. script标签

标签可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可

2. 行内写法

点我

3. 引用外部js文件

2.变量的使用

定义语言

​ var 变量名

​ 在js中变量属于弱类型,即不需要特定的指定具体数据类型,变量根据值定义自身的类型

数据类型

undefined 未定义类型

null 空类型

number 数值类型

boolean 布尔类型

string 字符串类型

typeof运算符的使用

typeof(值或变量):返回数据类型

String类型的常用方法

常用运算符

• =和的区别

  • ===比较的是类型和值
  • ==比较的是值,例:“10”==10为true

• !==和!=的区别

  • 和以上相同

3.流程控制

if条件语句

if(条件){   //JavaScript代码;}else{  //JavaScript代码;}

switch多分支语句

switch (表达式){    case 常量1 :    JavaScript语句1;break;case 常量2 :  JavaScript语句2; break;  ... default : }

for,while循环语句

for(初始化;  条件;  增量) {      JavaScript代码; }while(条件) {      JavaScript代码;}

for-in

for(var element in arr){     //JavaScript代码;}

流程控制关键字

break:作用在循环体内或switch内，退出当前循环题或switch结构

continue:作用在循环体内，结束本次循环

4.常用的输入/输入

提示框：

alert("提示信息");

输入框：返回输入结果

prompt("提示信息", "输入框的默认信息");

对话框：用于显示一个带有指定消息和确认及取消按钮的对话框

confirm("指定消息")

5.常用系统函数

parseInt (“字符串”)

将字符串转换为整型数字

parseFloat(“字符串”)

将字符串转换为浮点型数字

isNaN()

用于检查其参数是否是非数字

6.事件与函数（方法）

1.常用事件

2.函数

定义函数

function 函数名(参数1，参数2，。。。){     //JavaScript语句     [return 返回值]}

调用函数

事件名=“方法名”

例：

<button type="button" onclick="函数名(参数列表);">点我触发事件绑定的方法<'/button>

植物大战僵尸