JavaScript语言

一、JavaScript的基础知识
JavaScript是一种基于对象和事件驱动，具有相对安全性，并广泛用于客户端网页开发的脚本语言，主要为网页添加交互功能，例如校验数据、相应用户操作等，是一种动态、弱类型、基于原型的语言，内置支持类。

1.1JavaScript 基本特点
(1)基于对象：JavaScript 是一种基于对象的语言，也是一种面向对象。JavaScript中有些对象不必进行创建就可以使用。
(2)事件驱动：在网页中进行某种操作时就会产生相应事件。
(3)安全性：JavaScript是一种安全的语言，不允许访问本地硬盘，不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态网页交互，从而具有一定的安全性。
(4)平台无关性：JavaScript是依赖于浏览器本身的，与操作环境无关。

1.2JavaScript 脚本语言的组成
（1）ECMAScript:描述了JavaScript语言的基本语法和基本对象
（2）文档对象模型：描述了处理网页内容的方法和接口
（3）浏览器对象模型：描述了于浏览器进行交互的方法和接口。

1.3JavaScript的使用方式
在网页中使用JavaScript有两种方法：直接方式和引用方式。
1.3.1直接方式
JavaScript 源代码被嵌在一个HTML文档中，而且可以出现在文档头部()和文档主体（）。
语法：

1.3.2引用方式

二、JavaScript语言的基本结构
在JavaScript中有四种基本的数据类型：数值型、字符串型、布尔型和空值。
JavaScript的基本数据类型中的数值可以是常量，也可以是变量。
2.1 JavaScript变量
变量的命名规则：
1.以字母或下划线开头
2.不可以为保留字
3.不能使用数字作为变量名的第一个字母
语法：var 变量名 / var 变量名 = 初始值；

2.2 JavaScript 常量
JavaScript常量分为四类：整形、浮点型、布尔值和字符串。
1.整形常量：十进制、八进制、十六进制
十进制：即一般的十进制整数，前面不可以有前导0，例如：75
八进制：以0为前导，表示八进制，例如：075
十六进制：以0x为前导，表示十六进制数。例如：0x75

2.浮点型常量：浮点数可以用一般的小数格式表示，也可以用科学计数法表示。例如：7.54343，3.0e9。

3.布尔值常量：只有两个值：true和false

4.字符串常量：用单引号或双引号括起来的0个或多个字符组成。
三、JavaScript 函数
函数是一个固定的程序段，或称其为一个子程序，在可以实现固定程序功能的同时还带有一个入口和一个出口。入口：函数所带的各个参数。出口：函数在计算机求得函数值后，由此出口带回给调用它的程序。
语法： function 函数名（[参数][，参数]）{
函数语句块；
}

3.1 匿名函数
匿名函数就是没有实际名字的函数，匿名函数一般用于事件处理程序，这类函数一般在整个程序中就使用一次。
语法： function（[参数][，参数]）{
函数语句块；
}
例如：当网页加载完毕后执行某个功能时可以使用匿名函数。
window.onload=function(){
alert("页面加载完毕");
}

3.2 内部函数
在面向对象编程语言中，函数一般是作为对象的方法定义的。然而有些函数是JavaScript脚本语言固有的，并且没有任何对象的相关性，这些函数称为内部函数。例如：isNaN
补充：isNaN:某个变量是否是数值类型。不是数值，返回true，否则返回false。

 window.onload=function(){
                str= prompt("请输入一个数值，例如3.14","");
                if(isNaN(str)){
                document.write("这不是一个数值");  
                }
                else{
                    document.write("这是一个数值");
                }
            }

image.png

3.3 Function()构造函数
函数通过内置的JavaScript函数构造器（Function()）定义。
语法：var 函数名 = new Function(arg1,arg2,...,argN,function_body)
注意：arg表示形式参数，最后一个参数是函数主体（要执行的代码），这些参数必须是字符串。
调用方式：函数名（(arg1,arg2,...,argN）；

四、JavaScript的事件

image.png

image.png

要使得JavaScript的事件生效，必须在对应的元素标记中指明将要发生在这个元素的事件。例如，
在标记中定义了鼠标单击事件（onclick）,当用户在文本框中单机鼠标左键后，就触发了函数脚本。
五、JavaScript中的对象
5.1 对象的基本概念
对象是现实世界中客观存在的事物，例如人、电话、汽车等，即任何实物都可以被称为对象。JavaScript对象是由属性和方法两个基本要素组成的。
属性：描述一个对象的特征，例如人的姓名、年龄等属性。
方法：表示对象的行为，例如：人有吃法、睡觉等行为。

语法：
对象的变量名.属性名；
对象的变量名.方法名（可选参数）；

5.2 JavaScript中的对象
在JavaScript中，所有的对象都可以分为预定义对象和自定义对象。
5.2.1 预定义对象
预定义对象：JavaScript语言本身或浏览器提供的已经定义好的对象，用户可以直接使用，而不需要进行定义，预定义对象包括内置对象和浏览器对象。
5.2.2 用户自定义对象
在JavaScript 中，对象类型是一个用于创建对象的模板，这个模板中定义了对象的属性和方法。
语法： 对象的变量名 = new 对象类型（可选择参数）

5.3内置对象
1.String对象
String对象是JavaScript的内置对象，是一个封装字符串的对象，该对象的唯一属性值是length。
语法：var 变量名= new String();

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

2.Array对象
数组是一个有序数据项的数据集合。JavaScript中的Array对象允许用户创建和操作一个数组，并支持多种构造函数。
语法：var 变量名 = new Array();

image.png

3.Math对象

语法：Math.方法名（）

image.png

4.Date对象
语法：var 变量名 = new Date();

image.png

image.png

5.4 创建自定义对象

利用JSON方法来创建自定义对象
var 对象名={
属性名：属性值；
方法名：function(){
//方法体
}

}