JavaWeb JavaScript

1、JavaScript概述

JavaScript是一种基于对象和事件驱动的脚本语言，原名叫做livescript。W3c组织开发的标准叫ECMAscipt

1.1JavaScript和Java的一些区别：

1. JavaScript是一个解释性语言,Java是编译解释性语言
2. JavaScript是一个弱势语言，Java是一个强势语言
3. 在页面上引入的方式不同javascript代表用<script>引入，Java代码<%>
4. JS是基于对象，Java是面向对象。

2、JavaScript语言组成

• EcMAScript + BOM + DOM
• ECMAScript: 规定了一些语法，变量，for循环等等结构
• BOM: Browser object Model 浏览器对象模型
• DOM: Document object Model 文档对象模型

3、JavaScript与Html的结合方式

3.1采用事件来调用，代码写在字符串中

<button onclick = "alert('大家好')">点击</button>

3.2采用定义函数的方式: 用function来定义函数

function fun(){ alert('你好')} ;

3.3引入外部js文件

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

4、JavaScript基本语法

• 定义变量：采用var关键字来定义.定义的变量的类型是由给定的值来决定的
• 数据类型： undifined,表示未定义类型。
• Number类型。代表了一切数字类型
• String类型。字符串类型
• Boolean类型。布尔类型
• Function类型。函数类型
• Null类型。
• object ：对象类型

4.1判断变量的类型 :

1. 采用typeof函数判断 :typeof(a) == "string"
2. 采用instanceof运算符： a instanceof String

4.2三大结构

1. 顺序结构
2. 选择结构
3. 循环结构 for,while,do...while

4.3运算符

1. 一元运算符 +(正号)  -   ++、 --
2. 二元运算符 +(加法) - * / %
3. 三元运算符 ? :
4. 等号 == 判断的是内容，=== 全等于，判断类型和内容

4.4类型的转换

1. Number转String : 3 + ""
2. Number转Boolean ：在javascript中，非0为真，0为假。如果变量为null或者undefined，也为假
3. String转Number:

• • parseInt,parseFloat
  • 乘以1即可

五、JavaScript 函数的定义

5.1 函数的定义有三种方式

1. 采用function关键字来定义
2. 采用匿名的方式来定义
3. 采用new Function()的方式

5.2 函数的调用

1. 函数调用的时候参数可以传递多个，可以和函数定义的形参个数不符合
2. 如果函数重名了，那么调用的时候一定是调用最后一个，与参数无关。

　　函数劫持：改变函数本身的作用.

6、JavaScript 全局函数

1. isNaN：用来判断变量是否是数字类型的字符串，NaN: not a Number ，不是一个数字
2. parseInt,parseFloat
3. eval: 把字符串转换成数字
4. escape(): 编码
5. unescape(): 解码
6. encodeURI(): 对URL进行编码
7. decodeURI(): 对URL进行解码

7、JavaScript常用对象介绍

7.1Array对象 数组对象，进行数组操作

7.1.1定义方式

1. 采用new的方式
2. 采用中括号[]来定义

• 数组的长度可以随时改变

7.1.2特点

1. 1.javascript中数组的大小可以随时改变
2. 2.javascript中数组的下标可以是任意对象

7.1.3方法

1. join() : 把数组的所有元素放入一个字符串. 默认用逗号连接
2. push() : 向数组的末尾添加一个元素
3. reverse() :反转
4. shift() : 删除并返回数组的第一个元素
5. sort() ; 排序 .默认同类型的数据相比较

7.2String对象 ----- 字符串类型的引用类型

• substr: 截取字符串 两个参数第一个是下标，第二个是长度
• substring: 截取字符串 两个参数第一个是下标，第二个是下标
• toUppercase:
• toLowercase:
• indexOf:
• charAt() :
• replace():

7.3Number对象 ---- 数字原始类型引用类型

1. random() : 获得随机数[0,1)
2. ceil() : 返回大于等于次数的最大整数
3. floor() : 返回小于等于次数的最大整数
4. round(): 返回四舍五入后的整数

7.4Boolean对象 ---- 布尔原始类型引用类型

7.5Math对象 执行数学任务

7.6Date对象 用于处理日期和时间

7.7Date对象 代表一个时间

• getXXX() : 拿到年月日

7.8RegExp 对象正则表达式对象

1.  new的方式 var r = new RegExp("ab") ;
2. /正则表达式/ (推荐) var r = /ab/ ;

---