Javascript编程基础
JavaScript是由Nctscape公司开发的一种脚本语言，其编写的程序可以被嵌入到
HTML/XML页面中，并直接在浏览器中解释执行。
JavaScript功能
增强页面动态效果
实现页面（浏览器）与用户之间的实时、动态的交互
JavaScript语言特点
脚本语言（Script Language）
解释执行(Interpreted Language)
基于对象（Object Based）
事件驱动（Event Driven）
简单
弱类型（weakly typed language）
嵌入JavaScript到HTML页面
在HTML页面中，使用<script>标记嵌入脚本代码
<script type=”text/javascript”>
/*javascript 代码*/
</script>
JavaScript代码的出现位置
HTML页面主体（<body>元素）
HTML页面头部（<head>元素）
单独的外部文件中
<script type=”text/javascript” src= “外部脚本文件url”>
</script>
数据类型
JavaScript支持基本数据类型和对象类型
基本数据类型：
整型 浮点型 字符型 布尔类型
对象类型：
内置对象（Sting、Math、Date）
浏览器对象（Windows、Document、History、Forms、….）
用户自定义对象
变量
命名规则：
必须以字母、下划线 “_” 或美圆符号 “$”开头，
后面可以跟字母、下划线、美圆符号和数字。
变量名区分大小写
不允许使用JavaScript关键字做变量名
JavaScript为弱类型语言，变量声明时不指定数据类型，
其具体数据类型由给其所赋的值决定。
通常使用var声明变量，也可以不经声明而直接使用变量。
但必须是先赋值、再取用其值。
举例：var b；
Var b=3.14；
f= “welcome to javascript”
document.write(f);
JavaScript关键字
编程语言中，一些被赋以特定的含义、并用做专门用途的单词称为关键字或保留字
JavaScript关键字列表：
break delete function return typeof case
do if switch var catch else
in this void continue false instanceof
throw while debugger finally new true
with default for null try
Javascript运算符
javascript表达式
表达式是符合一定语法规则的运算符和操作数的序列。
表达式的类型和值
对表达式中操作数进行运算得到的结果称为表达式的值
表达式的值的数据类型即为表达式的类型
表达式的运算顺序
首先应按照运算符的优先级从高到低的顺序进行
优先级相同的运算符按照事先约定的结合方向进行
程序流程控制
分支语句
if…. else…. switch
循环语句
for while do-while for-in
特殊流程控制语句
break continue
数组
数组是多个相同类型数据的组合，实现对这些数据的统一管理
javascript数据声明方式：
var a1 = new Array();
var a2 = new Array(size);
var a3= new Array(v1,v2….,vn);
javascript数组长度可变，数组对象的自动属性length标明了其长度
数组元素访问格式为数组名[元素下标]，有效元素下标为0~length-1。
函数
javasctipt中的函数（Function）相当于其它编程语言中的方法或子函数，是用来完成相对独立功能的一段代码的集合。
定义格式：function<函数名>(<形式参数列表>){
<函数体代码>
[<return语句>]}
javascript函数在定义时不需要指定其返回值类型和是否有返回值。
JavaScript事件及事件处理机制
事件（Event） 用于描述了发生什么事件，用户的鼠标或者键盘操作
（如点击、文字输入、选中条目等）以及其它的页面
操作（如页面加载或者卸载等）都会触发相应的事件。
事件源（Event Source） 可能产生事件的组件，通常为表单组件。
事件驱动（Event Driven）
由事件引发程序的响应，执行事先预备好的事件处理代码这种程序运行方式称为事件驱动
事件处理代码（Event Handle）
javascript中事件处理代码通常定义为函数的形式，其中加入所需的处理逻辑；
并将之关联到所关注的事件源组件上
常用事件类型及处理
javascript常用事件类型：
事件类型 事件描述
onClick 组件被点击
onDbclick 组件被双击
onLoad 页面装载
onUnload 页面卸载
onChange 组件内容或条目选中状态发生被改变
onMouesemove 鼠标移动
onFocus 成为焦点
onBlur 当对象失去焦点
对象和系统函数
javascript常用对象
数学对象 内置对象math提供常规的数学运算方法和数学常量
PI,E,abs(),sin(),…,round(),sqrt(),pow(),random()
时间对象 封装日期和时间信息并提供相关操作功能
使用前需要声明/创建对象：var currentTime=new Date();
常用方法：
getYear() setYear()
getMonth() setMonth()
getDate() setDate()
getDay
getHours() serHours()
getMinutes() setMinytes()
getSeconds() setSeconds()
getTime() setTime()
字符串对象 String对象描述和处理文本字符串信息
常用属性和方法：
length charAt(idx) indexOf(chr)
indexOf(chr,fronmIdx) lastIndexOf(chr)
substring(m,n) substring(m) toLowerCase() toUpperCase()
系统函数 系统函数不从属于任何的对象，可以在javascript代码中的任何位置直接使用
eval(str) 计算字符串形式给出的表达式的值
parseInt(str) parseInt(str,radix)
将字符串形式的数值解析为整数，如果解析到字符串中间遇到非法字符则返回已解析的内容、而不是出错；如果字符串的开头第一位即非法字符，则返回NaN（not a number,非数值型）。
isNaN(v) 判断参数的值是否为NaN
浏览器对象
浏览器对象也属于javascript内置对象，使用这些对象可以实现与HTML页面间的交互。
主要浏览器对象层次：
window对象表示的是浏览器窗口
可使用window对象获取浏览器窗口的状态信息，
也可以通过它来访问其它浏览器对象及窗口中发生事件信息。
window对象是其它浏览器对象的共同祖先，一般在javascript程序中可以省略window对象
浏览器打开HTML文档时，通常会创建一个window对象。
window对象常用方法
alert()
open(URL,windowName,parameterList)
close()
promt(text,Defaulttext)
confirm(text)
setInterval(func,timer)/clearInterval(timer)
JavaScript是由Nctscape公司开发的一种脚本语言，其编写的程序可以被嵌入到
HTML/XML页面中，并直接在浏览器中解释执行。
JavaScript功能
增强页面动态效果
实现页面（浏览器）与用户之间的实时、动态的交互
JavaScript语言特点
脚本语言（Script Language）
解释执行(Interpreted Language)
基于对象（Object Based）
事件驱动（Event Driven）
简单
弱类型（weakly typed language）
嵌入JavaScript到HTML页面
在HTML页面中，使用<script>标记嵌入脚本代码
<script type=”text/javascript”>
/*javascript 代码*/
</script>
JavaScript代码的出现位置
HTML页面主体（<body>元素）
HTML页面头部（<head>元素）
单独的外部文件中
<script type=”text/javascript” src= “外部脚本文件url”>
</script>
数据类型
JavaScript支持基本数据类型和对象类型
基本数据类型：
整型 浮点型 字符型 布尔类型
对象类型：
内置对象（Sting、Math、Date）
浏览器对象（Windows、Document、History、Forms、….）
用户自定义对象
变量
命名规则：
必须以字母、下划线 “_” 或美圆符号 “$”开头，
后面可以跟字母、下划线、美圆符号和数字。
变量名区分大小写
不允许使用JavaScript关键字做变量名
JavaScript为弱类型语言，变量声明时不指定数据类型，
其具体数据类型由给其所赋的值决定。
通常使用var声明变量，也可以不经声明而直接使用变量。
但必须是先赋值、再取用其值。
举例：var b；
Var b=3.14；
f= “welcome to javascript”
document.write(f);
JavaScript关键字
编程语言中，一些被赋以特定的含义、并用做专门用途的单词称为关键字或保留字
JavaScript关键字列表：
break delete function return typeof case
do if switch var catch else
in this void continue false instanceof
throw while debugger finally new true
with default for null try
Javascript运算符
javascript表达式
表达式是符合一定语法规则的运算符和操作数的序列。
表达式的类型和值
对表达式中操作数进行运算得到的结果称为表达式的值
表达式的值的数据类型即为表达式的类型
表达式的运算顺序
首先应按照运算符的优先级从高到低的顺序进行
优先级相同的运算符按照事先约定的结合方向进行
程序流程控制
分支语句
if…. else…. switch
循环语句
for while do-while for-in
特殊流程控制语句
break continue
数组
数组是多个相同类型数据的组合，实现对这些数据的统一管理
javascript数据声明方式：
var a1 = new Array();
var a2 = new Array(size);
var a3= new Array(v1,v2….,vn);
javascript数组长度可变，数组对象的自动属性length标明了其长度
数组元素访问格式为数组名[元素下标]，有效元素下标为0~length-1。
函数
javasctipt中的函数（Function）相当于其它编程语言中的方法或子函数，是用来完成相对独立功能的一段代码的集合。
定义格式：function<函数名>(<形式参数列表>){
<函数体代码>
[<return语句>]}
javascript函数在定义时不需要指定其返回值类型和是否有返回值。
JavaScript事件及事件处理机制
事件（Event） 用于描述了发生什么事件，用户的鼠标或者键盘操作
（如点击、文字输入、选中条目等）以及其它的页面
操作（如页面加载或者卸载等）都会触发相应的事件。
事件源（Event Source） 可能产生事件的组件，通常为表单组件。
事件驱动（Event Driven）
由事件引发程序的响应，执行事先预备好的事件处理代码这种程序运行方式称为事件驱动
事件处理代码（Event Handle）
javascript中事件处理代码通常定义为函数的形式，其中加入所需的处理逻辑；
并将之关联到所关注的事件源组件上
常用事件类型及处理
javascript常用事件类型：
事件类型 事件描述
onClick 组件被点击
onDbclick 组件被双击
onLoad 页面装载
onUnload 页面卸载
onChange 组件内容或条目选中状态发生被改变
onMouesemove 鼠标移动
onFocus 成为焦点
onBlur 当对象失去焦点
对象和系统函数
javascript常用对象
数学对象 内置对象math提供常规的数学运算方法和数学常量
PI,E,abs(),sin(),…,round(),sqrt(),pow(),random()
时间对象 封装日期和时间信息并提供相关操作功能
使用前需要声明/创建对象：var currentTime=new Date();
常用方法：
getYear() setYear()
getMonth() setMonth()
getDate() setDate()
getDay
getHours() serHours()
getMinutes() setMinytes()
getSeconds() setSeconds()
getTime() setTime()
字符串对象 String对象描述和处理文本字符串信息
常用属性和方法：
length charAt(idx) indexOf(chr)
indexOf(chr,fronmIdx) lastIndexOf(chr)
substring(m,n) substring(m) toLowerCase() toUpperCase()
系统函数 系统函数不从属于任何的对象，可以在javascript代码中的任何位置直接使用
eval(str) 计算字符串形式给出的表达式的值
parseInt(str) parseInt(str,radix)
将字符串形式的数值解析为整数，如果解析到字符串中间遇到非法字符则返回已解析的内容、而不是出错；如果字符串的开头第一位即非法字符，则返回NaN（not a number,非数值型）。
isNaN(v) 判断参数的值是否为NaN
浏览器对象
浏览器对象也属于javascript内置对象，使用这些对象可以实现与HTML页面间的交互。
主要浏览器对象层次：
window对象表示的是浏览器窗口
可使用window对象获取浏览器窗口的状态信息，
也可以通过它来访问其它浏览器对象及窗口中发生事件信息。
window对象是其它浏览器对象的共同祖先，一般在javascript程序中可以省略window对象
浏览器打开HTML文档时，通常会创建一个window对象。
window对象常用方法
alert()
open(URL,windowName,parameterList)
close()
promt(text,Defaulttext)
confirm(text)
setInterval(func,timer)/clearInterval(timer)
273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
