JavaScript简明语法速查
JavaScript的数据类型:
- 数值:整数、浮点数;
- 逻辑值:布尔值;
- 字符串值:
- 空值:
- 未定义值:
JavaScript数据的表示:
- 整数:由正负号、数字构成,八进制、十进制、十六进制;
- 浮点数:由正负号、数字和小数点构成,常规记数法、科学记数法;
- 逻辑值:true、false
- 字符串值:单引号、双引号
- 空值:null
- 未定义值:undefined,根本不存在的对象、已定义但没有赋值的量;
JavaScript常量:
- 布尔常量:true false
- 整数常量:3721 0007 0xaff(0Xaff)
- 浮点数常量:3.14 .001 3.721e+3 -3.721E-3
- 字符串常量:"你的E-mail地址有误!"
- 含转义字符的字符串常量:
转义字符 |
意义 |
\b |
退格(Backspace) |
\f |
换页(Form feed) |
\n |
换行(New line) |
\r |
返回(Carriage return) |
\t |
制表符(Tab) |
\' |
单引号(') |
\" |
双引号(") |
\\ |
反斜线(\) |
- 数组常量:
hobby=["听音乐","看电影"]
hobby[0]、hobby[1]
hobby=["听音乐",,"看电影",]
hobby[0]、hobby[1]、hobby[2]、hobby[3]
JavaScript变量:
- 变量命名规则:
- 首字符必须是大写或小写的字母或下划线(_)或美元符($);
- 后续的字符可以是字母、数字、下划线或美元符;
- 变量名称不能是保留字;
- 长度是任意;
- 区分大小写;
- 约定:集中置顶;
使用局部变量;
易于理解; stdId
避免混乱。 usrname usrName
- 声明变量:
- var stdId;
- var name,sex;
- var total=3721;
- var notNull=true;
- var name="李小龙",sex="先生";
- var i=j=0;
- 变量赋值:
stdId = 2004007;
- 变量作用域:(方式、位置)
- 全局变量:省略var,或在函数外声明
- 局部变量:在函数内声明
- 全局变量可在整个脚本中被使用,可在不同的窗口中相互引用(指定窗口名)
JavaScript表达式:
- 算术表达式;
- 字符串表达式;
- 关系(比较)表达式;
- 逻辑表达式。
JavaScript运算符:
- 根据处理对象的数目:
- 根据功能:
- 赋值运算符;
= += -= *= /= %=(取余) -(负数)
- 算术运算符;
+ - * / %(取余) ++(递增) --(递减)
- 字符串运算符;
+ +=
- 比较运算符;
== != ===(值及类型) !==(值及类型)
< <= > >=
- 逻辑运算符;
&& || !
- 逐位运算符;
& | ^ ~ << >>
- 特殊运算符。
1、new运算符:创建对象(实例)
格式:对象名称=new 对象类型(参数)
2、this运算符:表示当前对象
格式:this[.属性]
3、条件运算符:三元运算符
格式:<条件表达式> ? 第一个值:第二个值
- 运算符执行的优先顺序:
类型 |
运算符 |
括号 |
() |
一元 |
! ~ - ++ -- typeof void delete |
算术 |
* / + - |
位位移 |
<< >> >>> |
比较 |
< <= > >= == != |
位逻辑 |
& ^(xor) | |
逻辑 |
&& || |
三元条件 |
? |
赋值 |
= += -= *= /= %= <<= >>= >>>= &=
^= |= |
- 注释语句:
- 单行注释://注释文字
- 多行注释:/*
注释文字
*/
- with语句: (对象操作语句)
- 功能:为一段程序建立默认对象。
- 格式:
with (<对象>){
<语句组>
}
- if...else语句:
格式1:
if (<表达式>)
<语句1>;
else
<语句2>;
or
if (<表达式>) <语句1>;
else <语句2>;
格式2:
if (<表达式>){
<语句组1>
}else{
<语句组2>
}
格式3:
if (<表达式1>){
<语句组1>
}else if (<表达式2>){
<语句组2>
}else{
<语句组3>
}
- while语句:
格式1:
while (<表达式>)
语句;
格式2:
while (<表达式>){
<语句组>
}
- do...while语句:
格式:
do {
<语句组>
} while (<表达式>)
- for语句:
格式:
for (<初始表达式>;<条件表达式>;<变动量表达式>){
<语句组>
}
- for...in语句:重复执行指定对象的所有属性
格式:
for ( 变量 in 对象 ){
<语句组>
}
- break语句:
格式:break
- continue语句:
格式:continue
- switch语句:
格式:
switch (<表达式>) {
case <数据1>:<语句组1>
break;
case <数据2>:<语句组2>
break;
...
default <语句组>
}
对象是一组具有属性和方法的经过组织的数据。
内置对象对象
- 日期对象;(日期基线:1970年1月1日00:00:00)
建立日期对象(实例):
格式:日期对象名称=new Date([日期参数])
日期参数:1.省略;
2.英文-数值格式:月 日,公元年 [时:分:秒]
如:today=new Date("October 1,2008 12:00:00")
3.数值格式:公元年,月,日,[时,分,秒]
如:today=new Date(2008,10,1)
日期对象的方法:
格式:日期对象名称.方法([参数])
获取本地时间:
方法名 | 说明 |
getYear() |
返回年份数 |
getFullYear() |
返回年份数 |
getMonth() |
返回月份数(0--11) |
getDate() |
返回日期数(1--31) |
getDay() |
返回星期数(0--6) |
getHours() |
返回时数(0--23) |
getMinutes() |
返回分数(0--59) |
getSeconds() |
返回秒数(0--59) |
getMilliseconds() |
返回毫秒数(0--999) |
getTime() |
返回对应日期基线的毫秒 |
Date.parse(日期字串) |
返回对应日期基线的毫秒 |
setTime(时间值) |
指定一日期对象的值 |
toGMTString() |
以GMT格式表示日期对象 |
toUTCString() |
以GMT格式表示日期对象 |
- 数组对象;
建立数组对象:
格式1:数组对象名称=new Array([元素个数])
格式2:数组对象名称=new Array([[元素1][,元素2,...]])
格式3:数组对象名称=[元素1[,元素2,...]]
数组对象的属性:
格式:数组对象名称.属性
属性:length 数组长度
数组对象的方法:
格式:数组对象名称.方法([参数])
方法:
方法名 | 说明 |
join([分隔符]) |
数组元素组合为字符串 |
toString() |
以字符串表示数组 |
reverse() |
数组反转 |
valueOf() |
返回数组值 |
二维数组:
数组元素作为数组,如array[n][n]
- 字符串对象;
建立字符串对象:
格式:字符串对象名称=new String(字符串常量)
格式:字符串变量名称="字符串常量"
字符串对象的属性:
格式:字符串对象名称.属性
属性:length //字符串长度
字符串对象的方法:
格式:字符串对象名称.方法
方法:
方法名 | 说明 |
bold() |
粗体 |
italtics() |
斜体 |
strike() |
删除线 |
fontsize(字级大小) |
文字大小 |
fontcolor(#rrggbb) |
文字颜色 |
sup() |
上标 |
sub() |
下标 |
toUpperCase() |
大写 |
toLowerCase() |
小写 |
charAt(索引) |
返回索引位置的字符 |
charCodeAt(索引) |
返回索引位置的ASCII字符码,十进制表示 |
indexOf("字串"[,索引]) |
返回字串在对象中的索引位置 |
lastIndexOf("字串"[,索引]) |
返回字串在对象中的索引位置(反向搜索) |
search("字串") |
返回字串在对象中的索引位置 |
replace("字串1","字串2") |
字串2替换字串1 |
slice(索引i[,索引j]) |
返回索引i倒索引j-1的子串 |
split(["字串"][,限制]) |
将字串从对象中删除 |
substr(start[,length]) |
返回特定长度的字串 |
substring(索引i[,索引j]) |
返回索引i倒索引j-1的子串 |
link("url") |
设置链接 |
match(/匹配字符/) |
\d |
匹配一个数字字符。
|
\D |
匹配一个非数字字符。
|
\n |
匹配一个换行符。
|
\r |
匹配一个回车符。
|
\s |
匹配一个空格符。
|
\S |
匹配任意非空格符。
|
\t |
匹配一个table符。
|
\W |
匹配任何非单词符。
|
\num
|
匹配正整数num。
|
/n/ |
匹配八进制,十六进制,十进制的escape值。
|
|
toString() |
返回字符串 |
valueOf() |
返回字符串值 |
- 布尔对象;
建立布尔对象:
格式:布尔对象名称=new Boolean(转换值)
转换值:null、未定义、0、或false均转换成false
布尔对象的方法:
格式:布尔对象名称.方法
方法:toString()
valueOf()
- 数学对象;(静态对象)
数学对象的属性:
格式:Math.属性
属性:
属性名 | 说明 |
E |
自然对数的底数 |
LN2 |
2的自然对数 |
LN10 |
10的自然对数 |
LOG2E |
以2为底e的对数 |
LOG10E |
以10为底e的对数 |
PI |
圆周率 |
SQRT1_2 |
1/2的平方根 |
SQRT2 |
2的平方根 |
数学对象的方法:
格式:Math.方法(参数)
方法:
方法名 | 说明 |
ceil(数值) |
大于等于该数值的最小整数 |
floor(数值) |
小于等于该数值的最大整数 |
min(数值1,数值2) |
最小值 |
max(数值1,数值2) |
最大值 |
pow(数值1,数值2) |
数值1的数值2次方 |
random() |
0倒1的随机数 |
round(数值) |
最接近该数值的整数 |
sqrt(数值) |
开平方根 |
abs、sin(弧度)、cos、tan、asin、acos、atan、exp、log |
- 自定义对象
- 自定义对象;
- 动态的定义对象属性;
- 定义对象的方法;
以上格式为:
function 对象名([参数1,,参数2...]){
this.属性名1[=初始值];
this.属性名2[=初始值];
...
this.方法名1=function 方法函数名1([参数i,参数ii,...]){
...
}
this.方法名2=function 方法函数名2([参数a,参数b,...]){
...
}
}
- 利用对象原型(prototype)为默认对象定义属性:
不需要写出对象名,直接使用。
- 编码函数 escape():将非字母、数字字符转换成ASCII码
- 译码函数 unescape():将ASCII码转换成字母、数字字符
- 求值函数 eval():
格式:eval(<表达式>)
- 数值判断函数 isNaN():是否为数值
格式:isNaN(<量>)
- 整数转换函数 parseInt():将不同进制(二、八、十六)的数值转换成十进制整数
格式:parseInt(数值字串[,底数])
底数省略,则按内容转换:
0x 0X 十六进制
0 八进制
其它 十进制
- 浮点数转换函数 parseFloat():将数值字串转换成浮点数
格式:parseFloat (数值字串)
独立于主程序的、具有特定功能的一段程序代码块。
函数的定义:
格式:
function 函数名([参数[,参数...]]){
<语句组>
[return <表达式>;]
}
约定:
1、函数名:易于识别;(同变量命名规则)
2、程序代码:模块化设计;
3、函数位置:按逻辑顺序,集中置顶。(<head>...</head>)
return语句:
格式:
return <表达式>;
功能:返回表达式的值。
函数的调用:
格式:
函数名([参数[,参数...]])
事件:
用户对浏览器所做的特定的动作(操作),是实现交互操作的一种机制。
事件名称 |
适用对象 |
意义 |
说明 |
Abort |
image |
终止 |
当图形尚未完全加载前 |
Blur |
|
失去焦点 |
|
Change |
t/pw/ta/select |
改变 |
|
DragDrop |
window |
拖曳 |
|
Error |
|
img/win |
错误加载文件或图形时发生错误 |
Focus |
|
取得焦点 |
|
Move |
window |
移动 |
|
Reset |
form |
重置 |
|
Submit |
form |
|
|
Click/DblClick、KeyDown/KeyPress/KeyUp、Load/Unload、MouseDown/MouseUp/MouseOver/MouseOut/MouseMove |
事件处理程序:
浏览器响应某个事件,实现用户的交互操作而进行的处理(过程)。
事件处理程序的调用:
浏览器等待用户的交互操作,并在事件发生时,自动调用事件处理程序(函数),完成事件处理过程。
- HTML标签属性:
格式:<tag on事件="<语句组>|<函数名>">
- 对象属性:
格式:
对象名.on事件=<语句>|<函数名>
网页中的图像均会被自动看作图像对象(数组形式),并依顺序,分别表示为document.images[0],document.images[1]...
引用已有的图像对象:
-
图像对象数组: document.images
所有图像的个数:document.images
引用图像对象: document.images[i] 或 document.images["图像对象的名称"]
建立图像对象:
格式:
图像对象名称=new Image([宽度],[高度]) //px
图像对象的属性:
border complete height hspace lowsrc name src vspace width
图像对象的事件:
onAbort onError onKeyDown onKeyPress onKeyUop onLoad
检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。
navigator对象的属性:
格式:navigator.属性
属性名 | 说明 |
appCodeName |
代码 |
appName |
名称 |
appVersion |
版本 |
language |
语言 |
mimeType |
以数组表示所支持的MIME类型 |
platform |
编译浏览器的机器类型 |
plugins |
以数组表示已安装的外挂程序 |
userAgent |
用户代理程序的表头 |
plugin对象的属性:
格式:navigator.plugins.属性
属性名 | 说明 |
description |
外挂程序模块的描述 |
filename |
外挂程序模块的文件名 |
length |
外挂程序模块的个数 |
name |
外挂程序模块的名称 |
mimeType对象的属性:
格式:navigator.mimeTypes.属性
属性名 | 说明 |
description |
MIME类型的描述 |
enablePlugin |
对应到哪个外挂模块 |
length |
MIME类型的数目 |
suffixes |
MIME类型的扩展名 |
type |
MIME类型的名称 |
窗口对象(window)是浏览器的网页对象模型结构中的最高级对象。
格式:
[window.]属性
[window.]方法(参数)
opener.属性
opener.方法(参数)
self.属性
self.方法(参数)
parent.属性
parent.方法(参数)
top.属性
top.方法(参数)
窗口名称.属性
窗口名称.方法(参数)
属性名 | 说明 |
document |
当前文件的信息 |
location |
当前URL的信息 |
name |
窗口名称 |
status |
状态栏的临时信息 |
defaultStatus |
状态栏默认信息 |
history |
该窗口最近查阅过的网页 |
closed |
判断窗口是否关闭,返回布尔值 |
opner |
open方法打开的窗口的源窗口 |
outerHeight |
窗口边界的垂直尺寸,px |
outerWidth |
窗口边界的水平尺寸,px |
pageXOffset |
网页x-position的位置 |
pageYOffset |
网页y-position的位置 |
innerHeight |
窗口内容区的垂直尺寸,px |
innerWidth |
窗口内容区的水平尺寸,px |
screenX |
窗口左边界的X坐标 |
screenY |
窗口上边界的Y坐标 |
self |
当前窗口 |
top |
最上方的窗口 |
parent |
当前窗口或框架的框架组 |
frames |
对应到窗口中的框架 |
length |
框架的个数 |
locationbar |
浏览器地址栏 |
menubar |
浏览器菜单栏 |
scrollbars |
浏览器滚动条 |
statusbar |
浏览器状态栏 |
toolbar |
浏览器工具栏 |
offscreenBuffering |
是否更新窗口外的区域 |
personalbars |
浏览器的个人工具栏,仅Navigator |
窗口对象的方法:
方法名 | 说明 |
alert(信息字串) |
弹出警告信息 |
confirm(信息字串) |
显示确认信息对话框 |
prompt(提示字串[,默认值]) |
显示提示信息,并提供可输入的字段 |
atob(译码字串) |
对base-64编码字串进行译码 |
btoa(字串) |
将进行base-64编码 |
back() |
回到历史记录的上一网页 |
forward() |
加载历史记录中的下一网页 |
open(URL,窗口名称[,窗口规格]) |
|
focus() |
焦点移到该窗口 |
blur() |
窗口转成背景 |
stop() |
停止加载网页 |
close() |
|
enableExternalCapture() |
允许有框架的窗口获取事件 |
disableExternalCapture() |
关闭enableExternalCapture() |
captureEvents(事件类型) |
捕捉窗口的特定事件 |
routeEvent(事件) |
传送已捕捉的事件 |
handleEvent(事件) |
使特定事件的处理生效 |
releaseEvents(事件类型) |
释放已获取的事件 |
moveBy(水平点数,垂直点数) |
相对定位 |
moveTo(x坐标,y坐标) |
绝对定位 |
setResizable(true|false) |
是否允许调整窗口大小 |
resizeBy(水平点数,垂直点数) |
相对调整窗口大小 |
resizeTo(宽度,高度) |
绝对调整窗口大小 |
scroll(x坐标,y坐标) |
绝对滚动窗口 |
scrollBy(水平点数,垂直点数) |
相对滚动窗口 |
scrollTo(x坐标,y坐标) |
绝对滚动窗口 |
setInterval(表达式,毫秒) |
|
setTimeout(表达式,毫秒) |
|
clearInterval(定时器对象) |
|
clearTimeout(定时器对象) |
|
home() |
进入浏览器设置的主页 |
find([字串[,caseSensitivr,backward]]) |
查找窗口中特定的字串 |
print() |
|
setHotKeys(true|false) |
激活或关闭组合键 |
setZOptions() |
设置窗口重叠时的堆栈顺序 |
窗口对象的事件处理程序:
onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload
open方法的窗口规格参数:(yes/no,1/0)
格式:[var 新窗口对象名=]window.open("url","windowName","windowFeature")
参数名 | 说明 |
alwaysLowered |
是否将窗口显示的堆栈后推一层 |
alwaysRaised |
是否将窗口显示的堆栈上推一层 |
dependent |
是否将该窗口与当前窗口产生依存关系 |
fullscreen |
是否满屏显示 |
directories |
是否显示连接工具栏 |
location |
是否显示网址工具栏 |
menubar |
是否显示菜单工具栏 |
scrollbars |
是否显示滚动条 |
status |
是否显示状态栏 |
titlebar |
是否显示标题栏 |
toolbar |
是否显示标准工具栏 |
resizable |
是否可以改变窗口的大小 |
screenX |
窗口左边界距离 |
screenY |
窗口上边界距离 |
top |
窗口上边界 |
width |
窗口宽度 |
height |
窗口高度 |
left |
窗口左边界 |
outerHeight |
窗口外边界的高度 |
personalbar |
是否显示个人工具栏 |
注释:open("","","menubar")
open("","","menubar=1")
open("","","menubar=yes")
描述屏幕的显示及颜色属性。
屏幕对象的属性:
格式: screen.属性
属性名 | 说明 |
availHeight |
屏幕区域的可用高度 |
availWidth |
屏幕区域的可用宽度 |
colorDepth |
颜色深度 256/8 16/16 32M/32 |
height |
屏幕区域的实际高度 |
width |
屏幕区域的实际宽度 |
当事件发生时,浏览器自动建立该对象,并包含该事件的类型、鼠标坐标等。
事件对象的属性:
格式:event.属性
属性名 | 说明 |
data |
返回拖拽对象的URL字符串(dragDrop) |
width |
该窗口或框架的高度 |
height |
该窗口或框架的高度 |
pageX |
光标相对于该网页的水平位置 |
pageY |
光标相对于该网页的垂直位置 |
screenX |
光标相对于该屏幕的水平位置 |
screenY |
光标相对于该屏幕的垂直位置 |
target |
该事件被传送到的对象 |
type |
事件的类型 |
which |
数值表示的键盘或鼠标键:1/2/3(左键/中键/右键) |
layerX |
光标相对于事件发生层的水平位置 |
layerY |
光标相对于事件发生层的垂直位置 |
x |
相当于layerX |
y |
相当于layerY |
用以存储客户端最近访问的网址清单。
格式:
history.属性
history.方法(参数)
历史对象的属性:
属性名 | 说明 |
current |
当前历史记录的网址 |
length |
存储在记录清单中的网址数目 |
next |
下一个历史记录的网址 |
previous |
上一个历史记录的网址 |
历史对象的方法:
方法名 | 说明 |
back() |
回到上一个历史记录中的网址 |
forward() |
回到下一个历史记录中的网址 |
go(整数或URL) |
前往历史记录中的网址 |
用来代表特定窗口的URL信息。
格式:
location.属性
location.方法(参数)
URL的格式:
protocol//host:port/path#hash?search
URL的种类:
协议 | 说明 |
javascript: |
javascript程序代码 |
view-source: |
显示源代码 |
http: |
超文本传输协议,直接传输文本、图片等 |
file: |
直接浏览器本地硬盘上的文件 |
ftp: |
文件传输协议,传输各种文件 |
mailto: |
|
news: |
|
gopher |
|
位置对象的属性:
属性名 | 说明 |
hash |
锚点名称 |
host |
主机名称 |
hostname |
host:port |
href |
完整的URL字符串 |
pathname |
路径 |
port |
端口 |
protocol |
协议 |
search |
查询信息 |
位置对象的方法:
方法名 | 说明 |
reload() |
重新加载 |
replace(网址) |
用指定的网页取代当前网页 |
代表当前HTML对象,是由<body>标签组构成的,对每个HTML文件会自动建立一个文件对象。
格式:
- document.属性
- document.方法(参数)
文档对象的属性:
属性名 | 说明 |
linkColor |
设置超链接的颜色 |
alinkColor |
作用中的超链接的颜色 |
vlinkColor |
链接的超链接颜色 |
links |
以数组索引值表示所有超链接 |
URL |
该文档的网址 |
anchors |
以数组索引值表示所有锚点 |
bgColor |
背景颜色 |
fgColor |
前景颜色 |
classes |
文档中的class属性 |
cookie |
设置cookie |
domain |
指定服务器的域名 |
formName |
以表单名称表示所有表单 |
forms |
以数组索引值表示所有表单 |
images |
以数组索引值表示所有图像 |
layers |
以数组索引值表示所有layer |
embeds |
文档中的plug-in |
applets |
以数组索引值表示所有applet |
plugins |
以数组索引值表示所有插件程序 |
referrer |
代表当前打开文档的网页的网址 |
tags |
指出HTML标签的样式 |
title |
该文档的标题 |
width |
该文档的宽度(px) |
lastModified |
文档最后修改时间 |
文档对象的方法:
方法名 | 说明 |
captureEvents(事件) |
设置要获取指定的事件 |
close() |
关闭输出字符流,强制显示数据内容 |
getSelection() |
取得当前选取的字串 |
handleEvent(事件) |
使事件处理器生效 |
open([mimeType,[replace]]) |
打开字符流 |
releaseEvents(事件类型) |
释放已获取的事件 |
routeEvent(事件) |
传送已捕捉的事件 |
write(字串) |
写字串或数值到文件中 |
writeln(字串) |
分行写字串或数值到文件中(<pre>..</pre>) |
文件对象的事件处理程序:
onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOver
网页中的锚点均会被自动看作锚点对象(数值形式),并依顺序,分别表示为document.anchors[0],document.anchors[1]...
- 锚点数组:document.anchors
- 所有锚点个数:document.anchors.length
锚点对象的属性:
属性名 | 说明 |
name |
锚点名称 |
text |
锚点字串 |
网页中的链接均会被自动看作链接对象(数组形式),并依顺序,分别表示为document.links[0],document.links[1]...
定义链接对象的格式:
- 链接数组:document.links
- 所有链接个数:document.links.length
链接对象的属性:
属性名 | 说明 |
hash |
URL中的锚点名称 |
host |
主机域名或IP地址 |
hostname |
URL中的host+port |
href |
完整的URL字串 |
pathname |
URL中path部分 |
port |
URL中端口部分 |
protocol |
URL中通讯协议部分 |
search |
URL中查询字串部分 |
target |
代表目标的窗口 |
text |
表示A标签中的文字 |
x |
链接对象的左边界 |
y |
链接对象的右边界 |
链接对象的方法:
handleEvent(事件)
激活对某事件的处理程序。
链接对象的事件处理程序:
onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp
onMouseOver onMouseOut
可以被窗口中的框架引用的对象,具有窗口对象的属性和方法。
格式:
- top.frameName|frames[n].属性|方法
- parent.frameName|frames[n].属性|方法
文件对象的子对象,Javascript的runtime engine自动为每一个表单建立一个表单对象。
格式:
- document.forms[索引].属性
- document.forms[索引].方法(参数)
- document.表单名称.属性
- document.表单名称.方法(参数)
表单对象的属性:
属性名 |
说明 |
action |
表单动作 |
elements |
以索引表示的所有表单元素 |
encoding |
MIME的类型 |
length |
表单元素的个数 |
method |
方法 |
name |
表单名称 |
target |
目标 |
表单对象的方法:
方法名 |
说明 |
handleEvent(事件) |
使事件处理程序生效 |
reset() |
重置 |
submit() |
提交 |
文本对象(input type=text)
格式:
- document.forms[索引].elements[索引].属性
- document.forms[索引].elements[索引].方法(参数)
- document.表单名称.文本对象名称.属性
- document.表单名称.文本对象名称.方法(参数)
属性:
属性名 |
说明 |
defaultValue |
该对象的value属性 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 |
说明 |
blur() |
|
focus() |
|
handleEvent(事件) |
|
select() |
该对象设置为选取状态 |
事件处理程序:
onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPress
onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect
密码对象(input type=password)
格式:
- document.forms[索引].elements[索引].属性
- document.forms[索引].elements[索引].方法(参数)
- document.表单名称.密码对象名称.属性
- document.表单名称.密码对象名称.方法(参数)
属性:
属性名 |
说明 |
defaultValue |
该对象的value属性 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 |
说明 |
blur() |
|
focus() |
|
handleEvent(事件) |
|
select() |
该对象设置为选取状态 |
事件处理程序:
onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPressonKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect
按钮对象、提交按钮对象、重置按钮对象((input type=button|submit|reset))
格式:
document.forms[索引].elements[索引].属性
document.forms[索引].elements[索引].方法(参数)
document.表单名称.按钮对象名称.属性
document.表单名称.按钮对象名称.方法(参数)
属性:
属性名 |
说明 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 |
说明 |
blur() |
|
click() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
隐藏对象(input type=hidden)
格式:
- document.forms[索引].elements[索引].属性
- document.forms[索引].elements[索引].方法(参数)
- document.表单名称.隐藏对象名称.属性
- document.表单名称.隐藏对象名称.方法(参数)
属性:
属性名 | 说明 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
单选按钮对象(input type=radio)
格式:
- document.forms[索引].elements[索引](索引).属性
- document.forms[索引].elements[索引](索引).方法(参数)
- document.表单名称.单选对象名称[索引].属性
- document.表单名称.单选对象名称[索引].方法(参数)
属性:
属性名 | 说明 |
checked |
设置该对象为选定状态 |
defaultChecked |
对应该对象的默认选定状态 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 | 说明 |
blur() |
|
click() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
复选框对象(input type=checkbox)
格式:
- document.forms[索引].elements[索引].属性
- document.forms[索引].elements[索引].方法(参数)
- document.表单名称.单选对象名称[索引].属性
- document.表单名称.单选对象名称[索引].方法(参数)
属性:
属性名 | 说明 |
checked |
设置该对象为选定状态 |
defaultChecked |
对应该对象的默认选定状态 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 | 说明 |
blur() |
|
click() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
选择对象(select)
属性:
属性名 | 说明 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
length |
选项的数目 |
options |
<option>标记 |
selectedIndex |
所选项目的索引值 |
type |
该对象的type属性 |
方法:
方法名 | 说明 |
blur() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onChange onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
选项对象:选择对象的子对象(option)
格式:
- <option value="值" selected>文字</option>
- new Option([文字[,值[,defaultSelected[,selected]]]])
属性:
属性名 | 说明 |
selected |
判断该选项是否被选取 |
defaultSelected |
指定该选项为默认选定状态 |
index |
所有选项所构成的数组索引值 |
length |
选项的数目 |
text |
该选项显示的文字 |
value |
所选项传到服务器的值 |
文本区域对象(textarea)
属性:
属性名 | 说明 |
defaultValue |
对应该对象的默认值 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 | 说明 |
blur() |
|
select() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onChange onSelect onFocus onKeyDown onKeyPress
onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
文件上传对象(input type=file)
属性:
属性名 | 说明 |
form |
该对象所在的表单 |
name |
该对象的name属性 |
type |
该对象的type属性 |
value |
该对象的value属性 |
方法:
方法名 | 说明 |
blur() |
|
select() |
|
focus() |
|
handleEvent(事件) |
|
事件处理程序:
onBlur onClick onSelect onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove
是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。
Cookie文件的格式
NS:Cookie.txt
IE:用户名@域名.txt
写入Cookie
- 格式:
- document.cookie = "关键字=值[;expires=有效日期][;...]"
- 备注:
- 有效日期格式:Wdy,DD-Mon-YY HH:MM:SS GMT
Wdy / Mon:英文星期 / 月份;
还包含path、domain、secure属性;
每个Web站点(domain)可建立20个Cookie数据;
每个浏览器可存储300个Cookie数据,4k字节;
客户有权禁止Cookie数据的写入。
读取Cookie
格式:
document.cookie
删除Cookie
格式:
document.cookie = " 关键字 = ; expires = 当前日期"