|
JavaScript特点：可以在用户端实现完整地数据处理和验证工作，大量的数据可以在用户端进行处理，从而节省了网络的传输开销。
1 语法(区分大小写)
1）定义变量：var a,b;
2）赋值语句(每一条完整的语句后必须加分号)：a=1
3）获得数据类型：typeof(表达式)
4）定义数组：var a[10],下标是0-9（VB中a[10]，下标是0-10）
5）分支语句：
两路分支：if(条件){
语句1;
}else(条件){
语句2;
}
多路分支：switch(条件){
case 条件1：语句1；break
case 条件2：语句2；break
case 条件n：语句n；break
}
确定循环：for(i=0;i<10;i++){
语句；
}
不确定循环：while(条件){
语句；
}
注：
在循环中用break跳出循环体。
在for循环中，退出有两种情况：当循环条件为假时；用break方式退出。（看i值可知程序是通过哪种方式退出的。若是break方式，i值一定小于10）
函数定义及使用
function 函数名（）{
函数体；
}
注：
在函数中退出用return，它是函数内部与外部相互交流和通讯的唯一有效渠道。
双向通讯可：a(&b,&c)
定义一个函数和调用一个函数是两个不同的的概念，定义一个函数只是让浏览器知道有这样一个函数存在；而只有在函数被调用时，其肛代码才真正被执行。
所有传递给JavaScript函数的参数均为传值类型的。即传递参数时，只有实际参数的值被传递给了函数，即使函数里参数的值发生了改变，实际参数的值仍然保持不变。
在函数内部，一个与外部外变量重名的内部变量总是把外部变量“隐藏”起来。
当一个函数没有参数时，其所得的值全部由外部变量中获得，即使在函数体内部改变参数的值，也不会影响实际的外部变量的值。
当函数有参数时，在函数内部改动一个外部的值，会使外部变量的实际值发生改动。
注释语句
// 单行注释
/* …..*/多行注释
with语句
在with语句的作用范围之内，凡是没有指出对象的所有属性和方法操作，均是指默认的对象，这个默认对象在with语句的开头给出。
with(对象名称){
语句；
}
对象与事件（对象名和属性名是区分大小写的）
事件：是浏览器响应用户交互操作的一种机制。它定义了用户与Web页面交互时产生的各种操作。
浏览器在程序运行的大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理函数，完成事件处理过程。
事件不仅可以在用户交互过程中产生，在浏览器自己的一些动作也会产生，如浏览器装载一个网页时，就会产生一个load事件。
事件处理： 浏览器为了响应某个事件而进行的处理过程。
事件与事件处理模型
2．1 JavaScript的内置对象和函数
1）内置对象：
String：处理所有的字符串操作
属性：
String.length=（指明当前实例字符串的长度）
方法：
处理字符串本身的内容
charAt(idx):返回指定位置处的字符
indexOf(chr):给出指定子字符串的位置，从左到右；
lastIndexOf(chr):给出指定字符串的位置，从右到左；若找不到返回-1
substring(fromidx,toidx):截取一个子字符串
toLowerCase():把字符串中的字符全部转成小写
to UpperCase():把字符串中的字符全部转成大写
Web网页外观处理
方法名称 功 能 相当于
Mystring.big() 加大字符串显示的字号 <big>aa</big>
Mystring.blink() 使字符串闪烁 <blink>aa</blink>
Mystring.bold() 使字符串以黑体字显示 <b>aa</b>
Mystring.fixed() 使字符串显示成等宽字 <tt></tt>
Mystring.fontcolor(color) 指定字符串显示的颜色 <font color=”red”>aa</font>
Mystring.fontsize(fontsize) 指定字符串的大小 <font size=”-1”>aa</font>
Mystring.italics() 使字符串斜体显示 <i>aa</i>
Mystring.small() 减小字符串显示的字 <small>aa</small>
Mystring.strike() 显示删除线 <strike>aa</strike>
Mystring.sub() 使字符串下标显示 <sub>aa</sub>
Mystring.sup() 使字符串上标显示 <sup>aa</sup>
注意：因为在html中使用””来分隔一个字符串或类似的值，所以在html标记中如果必须使用JavaScript语句，就必须用’’来分隔JavaScript自己的字符串
链接处理（以下方法可把字符串转换成html 中的链接）
anchor:创建链接的目标，等同<a>中设定的name属性
link（url）:创建一个超链接，等同于<a>中的href属性
Math：处理所有的数学运算（一个静态对象）。
方法：如，Math.sin(a)
种 类 名 称 功 能
三角函数 sin(a) 返回正弦值
cos(a) 返回余弦值
tan(a) 返回正切值
asin(a) 返回反正弦值
acos(a) 返回反余弦值
atan(a) 返回反正切值
指数、对数 exp(a) 返回指数
log(a) 返回自然对数
乘幂 pow(a,b) 返回乘幂
sqrt(a) 返回平方根
取整 ceil(a) 返回不小于a的最小整数
floor(a) 返回不大于a的最小整数
round(a) 返回四舍五入的取整值
其它 abs(a) 返回a的绝对值
random() 返回一个随机值
max(a,b) 返回a,b中较大的值
min(a,b) 返回a,b中较小的值
Date：处理日期和时间的存储、转化和表达。
Date对象中处理时间和日期的方法
方法种类 方法名称 功能描述
获得时间或日期 getDate 获得当前的日期
getDay 获得当前的日子
getHours 获得当前的小时
getMinutes 获得当前的分钟
getMonth 获得当前的月份
getSeconds 获得当前的秒数
getTime 获得当前的时间（以毫秒计）
getTimeZoneOffset 获得时区的偏移信息
getYear 获得当前的年份
转换 toGMTString 转换成以格林威治标准时间表达的字符串
toLocaleString 转换成以当地时间表达的时间字符串
toString 把时间信息转换成字符串信息
parse 从表达时间的字符串中读出时间
UTC 返回从1970年1月1日到给定日期的毫秒数
Array：提供一个数组的模型，存储大量有序的数据。
定义：myarray=new array(‘a’,’b’,’c’)
Array对象只接收到一个参数值时，若此参数是整数，JavaScript会认为这个数定义数组的大小；或此参数不是整数，JavaScript认为这是数组的第一个元素的初值。
myarray=new array(7)表明数组有7个元素，下标从0开始，到6结束
属性：myarray.length（记录了当前数组中最大元素下标加1的数字，只在数组中元素连续存放，且无空档时候，length的属性值才和数组的实际大小相等）
方法：
join(分割符)：把一个数组中的所有数据连接成一个字符串
reverse():把一个数组中的元素整个反转，即最后一个元素的下标变为0，第一个元素下标变为最后一个元素的下标。
sort(sortfunction):将数组中的元素进行排序操作，若省略sortfunction，默认的排序方式是按照ASCII码表的升序。
pop():删除数组中的最后一个元素，并返回这个元素
push(newelement)：把两个数组内容合并
array1.concat(array2):把数组array2的内容加在数组array1的后面
slice(start,[end]):获得数组中的一部分元素，这部分元素从下标start开始，到end结束（不包括end.）。若end省略，表示从下标start开始一直截取到数组的末尾。若end是负数n，则认为截取到数组末尾的倒数第n个元素
Event：提供对JavaScript事件的各种处理信息。
RegExp：提供对正则表达式的处理。
内置函数：
eval()：接收一个字符串形式的表达式。并试图求出表达式的值
2．2．2．2 JavaScript的外置对象和函数
在javascript中，函数即类，外置对象是通过new创建的
JavaScript的浏览器对象
window对象的方法
open(url,windowname,parameterlist):创建1个新窗口并载入1个指定的url地址到此窗口
close():关闭1个浏览器窗口
alert(text):弹出1个信息框
confirm(text):弹出1个确认框
prompt(text,defaulttext):弹出1个提示框
back():指示浏览器载入历史记录中的上1个url地址
forward():指示浏览器载入历史记录中的下1个url地址
window对象的属性
location:提供当前窗口的url信息
history:提供当前窗口的历史记录
closed:一个指出窗口目前是否关闭的逻辑值
parent:包含这个当前窗口的父窗口
self:引用当前文档对应的窗口
document对象的方法
clear():整个清除浏览器窗口的内容
close()：关闭缓冲区，将缓冲区现有的内容全部写入网页。（即以前write和writeln的结果就出现在网页中）
write():向文档中写入文本
writeln():向文档中写入文本，并自动换行
document对象的属性
title:文档的标题
lastmodified:文档最后修改的时间
url:文档对应的url
bgcolor:文档的前景色
fgcolor:文档的背景色
location:保存文档的所有url信息
JavaScript的事件(三类)
事件是浏览器响应用户交互操作的一种机制。事件定义了用户与WEB页面交互时产生的各种操作。浏览器在程序运行的大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理函数，完成事件处理过程。
浏览器为了响应某个事件而进行的处理过程称为事件处理。
事件与事件处理模型
引起页面之间跳转的超链接事件
事件 注册在…… 当……发生时
click <a href=”url” > 单击超链接时
mouseout 鼠标移出1个超链接时
mouseover 鼠标移到1个超链接上时
mousedown 按下1个鼠标按钮时
mouseup 释放1个鼠标按钮时
浏览器自身引起的事件，如网页的装载、卸载、表单的提交等
关于 注册在…… 事件类型 事件描述
图形 <img> abort 中断图形载入操作
error 载入图形时发生错误
load 正常载入图形并显示
网页 浏览器对象document load 载入当前网页
unload 卸载当前网页
error 载入当前网页时发生错误
窗口 浏览器对象window dragdrop 将1个对象拖放到浏览器窗口中
error 载入网页时发生错误
帧 <frameset> load 载入当前网页
unload 卸载当前网页
error 载入当前网页时发生错误
表单 <form> submit 用户提交表单
reset 用户复位表单
? 表单内部同界面对象的交互，包括界面对象的选定、改变等
界面对象 事件类型
<img> keydown、keyup、keypress(按下并保持键盘上的一个键)
<area> mouseout、mouseover
网页
(浏览器对象document) blur(失去焦点)、focus(得到焦点)、keydown、keyup、keypress、mousedown、mouseup
窗口
(浏览器对象window) move(移动窗口的位置)、
resize(改变窗口的大小)
层(layer) mouseout、mouseover
帧组(frameset) blur、focus
帧(frame) blur、focus、move、resize
文本输入框
<input type=text> blur、focus、select、change
文本区域<textarea> blur、focus、select、change、keydown、keyup、keypress
普通按钮(button) click、mousedown、mouseup
提交按钮(submit) click
复位按钮(reset)
单选框(radio)
复选框(checkbox)
下拉选择框(select) blur、focus、change
|
