考核目标
- 了解JavaScript的作用和特点
- 掌握Javascript的语法规范
- 掌握6个重要的浏览器对象
- 掌握Javascript常用事件及其处理方法
- 掌握Javascript对表单的操作方法
- 了解DOM的基本概念和作用
一.Javascript的作用和特点
一般情况,我们可以将JavaScript看作是java语言的简化版本。
1.JavaScript可以分为三个部分:
- 核心:是语言的内核,包括操作符,表达式,语句和子程序
- 客户机端:应用的JavaScript是一组对象的集合,利用这些对象可以对浏览器和用户交互进行控制
- 服务器端:同上,支持数据库管理系统之间的通信。
2.JavaScript的特点:
- 分布式运算
- 安全可靠
- 容易移植
- 使用浏览器对象
二.JavaScript语法
常量
1.整型常量
十六进制以0x或0X开头,例如:0x8a
八进制必须以0开头,例如:0123
十进制的第一位不能是0(数字0除外),例如:123
2.实型常量
12.32、193.98、5E7、4e5等。
3.布尔值
true和false
4.字符串和常量
“a book of JavaScript”、”abc”、”a”、””。
5.字符串中的特殊字符,需要以反斜杠()后跟一个普通字符来表示,例
如:(回车)、(换行)、(table键)、b(退格键)、’、”、。
注意:一个连续的字符串不能分开两行来编写,如果非要断开,就要分成两段字符串,中间用”+”来连接。
6.null常量
7.undefined常量
表示一个常量还没有进行赋值,或者是某个对象的属性不存在。
与null的区别,null常量有值,只不过是空的,但undefined常量压根就没值。
变量
JavaScript中的变量声明用关键字var引导:
声明原始类型的变量:
var 变量名 = 值;
声明引用类型的变量:
var 变量名 = new 类型名(初值);
JavaScript的变量是弱类型的,可以随时更改它的类型。
![58e4789986a56736365280c2dec8ebcd.png](https://i-blog.csdnimg.cn/blog_migrate/846eaa0815e1c0e14d3dd47b4ef24265.jpeg)
类型
JavaScript的数据类型可分为两大类:
- 原始类型:变量的值存放在栈中,包括Undefined,Null,Boolean,Number,String五种
- 引用变量:栈中存放的是指针,其值另外放在堆中,包括Boolean,Number,string,Array,Date,Math等
运算符
![75ff9d545dda676f8d64531053adaf39.png](https://i-blog.csdnimg.cn/blog_migrate/8f895ccdfbddd8eb5ea5189f37f4dd31.jpeg)
语句
JavaScript语句用“;”隔开。
(1)表达式语句
![86bf262e33d999f753367922f180b3f6.png](https://i-blog.csdnimg.cn/blog_migrate/07d8c397db638653a815fa3751c0080c.jpeg)
(2)条件语句:
![b37ec8583960b1be3685dceecc3e3c63.png](https://i-blog.csdnimg.cn/blog_migrate/07efc7c140f90666a2e64e4a12a69197.jpeg)
(3)多路分支语句
![4e8549ee7d1179d9f042443ace9a7c2b.png](https://i-blog.csdnimg.cn/blog_migrate/6e38248e1cddd1ea57c771857efe267e.jpeg)
(4)循环语句:while
![7dcdbdb9858a72d8e01fc08af5db4212.png](https://i-blog.csdnimg.cn/blog_migrate/9a4832fb8516f0d7029ef0bb876f8d0f.jpeg)
(5)循环语句:do…while
![c1809db5f9ad8120c5b0d7339ac34367.png](https://i-blog.csdnimg.cn/blog_migrate/1cec9c8d4ae797424405ff86c1faa332.jpeg)
(6)循环语句:for
![7af9a043aa93d15ef5d7a81779c3e049.png](https://i-blog.csdnimg.cn/blog_migrate/7f7e40f641ec4a4bb3ee5b4e9e2f0970.jpeg)
(7)退出循环语句:break,continue
三.JavaScript函数
JavaScript的函数类型于C语言
JavaScript函数用关键字function定义:
![ca8d8393e933af504629edc03dedb36f.png](https://i-blog.csdnimg.cn/blog_migrate/257cba9a05b5e80565b63a8b75ac99b1.jpeg)
函数是通过函数调用来执行的:
函数名(实际参数)
注:如果在函数内部定义的变量如果使用了var修饰,则为局部变量,只在函数内部有效,如果没有用var修饰,则为全局变量。
四.JavaScript的使用方法
两种嵌入方式:
(1)定义了JavaScript的开始和结束位置,可放入
中![075804b355a6b7744d010c7652dd6d7c.png](https://i-blog.csdnimg.cn/blog_migrate/51747d0c78e5e222fc79b38419839f50.jpeg)
(2)外部引用
![6f97308275c103f5cf2213327786bf23.png](https://i-blog.csdnimg.cn/blog_migrate/1fffa7b1d2cfa5e60998bc5f348c575c.jpeg)