文档介绍：JavaScript基础知识
学****目标
JavaScript编程基础
JavaScript工作原理
如何在Html页面中使用JavaScript
(数据类型、变量、常量、运算符、表达式、控制流程、数组、函数)
JavaScript事件处理
对象和系统函数
浏览器对象
什么是JavaScript
scape公司开发的一种脚本语言。该语言编程的程序可以被嵌入到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>)
(2) HTML页面头部(<head>)
(3) 单独的外部文件
<Script language=”javascript” src=”外部脚本文件”>
</Script>
数据类型
JavaScript支持基本数据类型和对象类型
基本数据类型
整型
浮点型
字符型
布尔型
对象类型
内置对象(String、Math、Date)
浏览器对象(Window、Document、History,Forms、…)
用户自定义对象
变量
命名规则:
<1>必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。
<2>变量名区分大小写。
<3>不允许使用JavaScript关键字做变量名。
<4>使用Var声明变量,变量声明时不指定具体数据类型,其具体数据类型由给其赋的值决定。也可以不经声明而直接使用变量,但必须先赋值再取值。
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
浮点型常量
布尔型常量 true
字符型常量‘a’“abc”
空值常量: null
JavaScript运算符
算术运算符: + - * / ++ -- %
逻辑运算符:&与|或!非^异或
比较运算符:>,>=,<,<=,!=,==,===完全相同
位运算符:~ 按位取反,&按位与,|按位或,^按位异或,<<左移,>>带符号右移,>>>无符号右移
赋值运算符: =
扩展赋值运算符:+= -= *= /= %= != &= |= ^= <<= >>= >>>=
三目运算符: ()?:
字符串连接: + +=
3+5+ “aaa”
“aaa”+ (3+ 5);
表达式
表达式是符合一定语法规则的运算符和操作数的序列。
表达式的类型和值:
对表达式中操作数进行运算得到的结果就称为表达式的值
表达式值的数据类型就是表达式的类型
表达式的运算顺序:
按照运算符的优先级从高到低进行运算。
优先级相同的运算符按照事先预定的接合方向进行运算。
程序控制流程
分支语句
If else
For循环
While循环
Do-while 循环
For-in循环
特殊流程控制语句
Break 跳出循环
Continue 结束本次循环,继续下次循环
数组
数组是多个相同类型数据的组合,实现对数据的统一管理。
JavaScript数组的声明方式:
Var a = new Array();
Var b = new Array(size);
Var c =