JavaScript基础知识.docxVIP

JavaScript基础知识 学习目标 JavaScript编程基础 JavaScript工作原理 如何在Html页面中使用JavaScript （数据类型、变量、常量、运算符、表达式、控制流程、数组、函数） JavaScript事件处理 对象和系统函数 浏览器对象 什么是JavaScript JavaScript是Netscape公司开发的一种脚本语言。该语言编程的程序可以被嵌入到HTML页面中，并直接在浏览器中解释执行。 JavaScript功能 增强页面动态效果 实现页面与用户之间的实时、动态交互 JavaScript语言特点 脚本语言(Script Language) 解释执行(Interpreted Language) 基于对象(Object Based) 事件驱动(Event Driven) 简单 弱类型(Weakly Typed Language) JavaScript嵌入到HTML页面中 在HTML页面中使用script标记嵌入脚本代码。 Script language=”javascript” Type=”text/javascript” /Script JavaScript代码的出现位置 (1) HTML页面主体部分(body) 例01.html (2) HTML页面头部(head) 02.html (3) 单独的外部文件 Script language=”javascript” src=”外部脚本文件” /Script 03.html 数据类型 JavaScript支持基本数据类型和对象类型 基本数据类型 整型 浮点型 字符型 布尔型 对象类型 内置对象 (String、Math、Date) 浏览器对象 (Window、Document、History,Forms、…) 用户自定义对象 变量 命名规则: 1必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。 2变量名区分大小写。 3不允许使用JavaScript关键字做变量名。 4使用Var声明变量,变量声明时不指定具体数据类型，其具体数据类型由给其赋的值决定。也可以不经声明而直接使用变量，但必须先赋值再取值。 例04.html JavaScript关键字 被赋以定特含义字符，并用于专门的用途 Break continue switch case delete function return typeof if Else var try catch throw finally in this void false true instanceof do while debugger new with default for null 常量 整型常量 十进制表示:12 十六进制表示:0x12 八进制表示:012 浮点型常量 3.14 布尔型常量 true 字符型常量 ‘a’ “abc” 空值常量: null 例05.html JavaScript运算符 算术运算符: + - * / ++ -- % 逻辑运算符:与 |或 !非 ^异或 比较运算符:,=,,=,!=,==,===完全相同 位运算符:~ 按位取反,按位与,|按位或,^按位异或,左移,带符号右移,无符号右移 赋值运算符: = 扩展赋值运算符:+= -= *= /= %= != = |= ^= = = = 三目运算符: ()?: 字符串连接: + += 3+5+ “aaa” “aaa”+ (3+ 5); 表达式 表达式是符合一定语法规则的运算符和操作数的序列。 表达式的类型和值: 对表达式中操作数进行运算得到的结果就称为表达式的值 表达式值的数据类型就是表达式的类型 表达式的运算顺序: 按照运算符的优先级从高到低进行运算。 优先级相同的运算符按照事先预定的接合方向进行运算。 程序控制流程 分支语句 If else 例06.html Switch分支语句 例07.html 循环语句 例08.html For循环 While循环 Do-while 循环 For-in循环 特殊流程控制语句 09.html Break 跳出循环 Continue 结束本次循环，继续下次循环 数组 数组是多个相同类型数据的组合,实现对数据的统一管理。 JavaScript数组的声明方式: Var a = new Array(); Var b = new Array(size); Var c = new Array(v1,v2,v3,…); JavaScript数组长度可变