JavaScript简明语法速查

1. 数值：整数、浮点数；
2. 逻辑值：布尔值；
3. 字符串值：
4. 空值：
5. 未定义值：

1. 整数：由正负号、数字构成，八进制、十进制、十六进制；
2. 浮点数：由正负号、数字和小数点构成，常规记数法、科学记数法；
3. 逻辑值：true、false
4. 字符串值：单引号、双引号
5. 空值：null
6. 未定义值：undefined，根本不存在的对象、已定义但没有赋值的量；

1. 布尔常量：true　　false
2. 整数常量：3721　　0007　　0xaff（0Xaff）
3. 浮点数常量：3.14　　.001　　3.721e+3　　-3.721E-3
4. 字符串常量："你的E-mail地址有误！"
5. 含转义字符的字符串常量：
   

   转义字符	意义
   \b	退格（Backspace）
   \f	换页（Form feed）
   \n	换行（New line）
   \r	返回（Carriage return）
   \t	制表符（Tab）
   \'	单引号（'）
   \"	双引号（"）
   \\	反斜线（\）

6. 数组常量：
hobby=["听音乐","看电影"]
hobby[0]、hobby[1]
hobby=["听音乐",,"看电影",]
hobby[0]、hobby[1]、hobby[2]、hobby[3]

1. 变量命名规则：
   • 首字符必须是大写或小写的字母或下划线（_）或美元符（$）;
   • 后续的字符可以是字母、数字、下划线或美元符;
   • 变量名称不能是保留字；
   • 长度是任意；
   • 区分大小写；
   • 约定：集中置顶；
     　　　使用局部变量；
     　　　易于理解；　　stdId
     　　　避免混乱。　　usrname　　usrName
2. 声明变量：
   • var stdId;
   • var name,sex;
   • var total=3721;
   • var notNull=true;
   • var name="李小龙"，sex="先生";
   • var i=j=0;
3. 变量赋值：
   stdId = 2004007;
   
4. 变量作用域：（方式、位置）
   
   • 全局变量：省略var，或在函数外声明
   • 局部变量：在函数内声明
   • 全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名）

1. 算术表达式；
2. 字符串表达式；
3. 关系（比较）表达式；
4. 逻辑表达式。

1. 根据处理对象的数目：
   • 单元运算符；
   • 二元运算符；
   • 三元运算符。
2. 根据功能：
   • 赋值运算符；
     =　　+=　　-=　　*=　　/=　　%=（取余）　-（负数）
     
   • 算术运算符；
     +　　-　　*　　/　　%（取余）　　++（递增）　　--（递减）
   • 字符串运算符；
     +　　+=
   • 比较运算符；
     ==　　!=　　===（值及类型）　　!==（值及类型） <　　<=　　>　　>=
   • 逻辑运算符；
     &&　　||　　!
   • 逐位运算符；
     &　　｜　　＾　　~　　<<　　>>
   • 特殊运算符。
     1、new运算符：创建对象（实例）
     　　　 格式：对象名称=new 对象类型（参数）
     2、this运算符：表示当前对象
     　　　 格式：this[.属性]
     3、条件运算符：三元运算符
     格式：<条件表达式> ? 第一个值：第二个值
3. 运算符执行的优先顺序：
   

   类型	运算符
   括号	()
   一元	! ~ - ++ -- typeof void delete
   算术	* / + -
   位位移	<< >> >>>
   比较	< <= > >= == !=
   位逻辑	& ^（xor） |
   逻辑	&& ||
   三元条件	?
   赋值	= += -= *= /= %= <<= >>= >>>= &= ^= |=

1. 注释语句：
   
   • 单行注释：//注释文字
   • 多行注释：/*
     　　　　　 注释文字
     　　　　　*/
     
2. with语句： （对象操作语句）
   
   • 功能：为一段程序建立默认对象。
   • 格式：
     with (<对象>){
     　　<语句组>
     }
     
3. 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>
   }
   
4. while语句：
   格式1：
   while (<表达式>)
       语句;
   格式2：
   while (<表达式>){
       <语句组>
   }
   
5. do...while语句：
   格式：
   do {
       <语句组>
   } while (<表达式>)
   
6. for语句：
   格式：
   for (<初始表达式>；<条件表达式>；<变动量表达式>){
       <语句组>
   }
   
7. for...in语句：重复执行指定对象的所有属性
   格式：
   for ( 变量 in 对象 ){
       <语句组>
   }
   
8. break语句：
   格式：break
9. continue语句：
   格式：continue　
10. switch语句：
    格式：
    switch (<表达式>) {
        case <数据1>:<语句组1>
                     break;
        case <数据2>:<语句组2>
                     break;
        ...
        default <语句组>
    } 　

对象是一组具有属性和方法的经过组织的数据。

1. 日期对象；（日期基线：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格式表示日期对象

   
   
2. 数组对象；
   建立数组对象：
   　　 格式１：数组对象名称=new Array([元素个数])
   　　 格式２：数组对象名称=new Array([[元素1][，元素2，...]])
   　　 格式３：数组对象名称=[元素1[，元素2，...]]
   数组对象的属性：
   　　格式：数组对象名称.属性
   　　属性：length　　数组长度
   数组对象的方法：
   　　格式：数组对象名称.方法([参数])
   　　方法：

   方法名	说明
   join([分隔符])	数组元素组合为字符串
   toString()	以字符串表示数组
   reverse()	数组反转
   valueOf()	返回数组值

   二维数组：
   数组元素作为数组，如array[n][n]
3. 字符串对象；
   建立字符串对象：
   　　格式：字符串对象名称=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()	返回字符串值

4. 布尔对象；
   建立布尔对象：
   　　 格式：布尔对象名称=new Boolean(转换值)
   　　 转换值：null、未定义、0、或false均转换成false
   布尔对象的方法：
   　　格式：布尔对象名称.方法
   　　方法：toString()
   　　　　　valueOf()
   
5. 数学对象；（静态对象）
   数学对象的属性：
   　　格式：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

   
   
6. 自定义对象
   
   • 自定义对象；
     • 构造函数定义对象类型；
     • 建立对象实例。
   • 动态的定义对象属性；
   • 定义对象的方法；
     • 构造函数定义对象方法名；
     • 建立方法的描述函数。
       以上格式为：
     function 对象名([参数1,,参数2...]){
     this.属性名1[=初始值];
     this.属性名2[=初始值];
     ...
     this.方法名1=function 方法函数名1([参数i,参数ii,...]){
     ...
     }
     this.方法名2=function 方法函数名2([参数a,参数b,...]){
     ...
     }
     }
   • 利用对象原型（prototype）为默认对象定义属性：
     

不需要写出对象名，直接使用。

1. 编码函数 escape()：将非字母、数字字符转换成ASCII码
   
2. 译码函数 unescape()：将ASCII码转换成字母、数字字符
   
3. 求值函数 eval()：
   格式：eval(<表达式>)
   
4. 数值判断函数 isNaN()：是否为数值
   格式：isNaN(<量>)
   
5. 整数转换函数 parseInt()：将不同进制（二、八、十六）的数值转换成十进制整数
   格式：parseInt(数值字串[，底数])
   底数省略，则按内容转换：
   　　　　　0x　0X　　十六进制　　
   　　　　　0　　八进制
   　　　　　其它　　十进制
   
6. 浮点数转换函数 parseFloat()：将数值字串转换成浮点数
   格式：parseFloat (数值字串)
   

独立于主程序的、具有特定功能的一段程序代码块。

用户对浏览器所做的特定的动作（操作），是实现交互操作的一种机制。

浏览器响应某个事件，实现用户的交互操作而进行的处理（过程）。

浏览器等待用户的交互操作，并在事件发生时，自动调用事件处理程序（函数），完成事件处理过程。

• 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

窗口对象(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")

　

格式：

location.属性
location.方法（参数）

• document.属性
• document.方法（参数）

onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOver

网页中的锚点均会被自动看作锚点对象(数值形式)，并依顺序，分别表示为document.anchors[0]，document.anchors[1]...

• 锚点数组：document.anchors
• 所有锚点个数：document.anchors.length

• 链接数组：document.links
• 所有链接个数：document.links.length

链接对象的方法：
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

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

• document.forms[索引].elements[索引].属性
• document.forms[索引].elements[索引].方法（参数）
• document.表单名称.隐藏对象名称.属性
• document.表单名称.隐藏对象名称.方法（参数）

属性名	说明
form	该对象所在的表单
name	该对象的name属性
type	该对象的type属性
value	该对象的value属性

• 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

• 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

属性名	说明
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 value="值" selected>文字</option>
• new Option([文字[,值[,defaultSelected[,selected]]]])

属性名	说明
selected	判断该选项是否被选取
defaultSelected	指定该选项为默认选定状态
index	所有选项所构成的数组索引值
length	选项的数目
text	该选项显示的文字
value	所选项传到服务器的值

属性名	说明
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

属性名	说明
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站点进行读取。

NS：Cookie.txt
IE：用户名@域名.txt

格式：

document.cookie = "关键字=值[;expires=有效日期][;...]"

备注：

有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT Wdy / Mon：英文星期 / 月份；
还包含path、domain、secure属性；
每个Web站点（domain）可建立20个Cookie数据；
每个浏览器可存储300个Cookie数据，4k字节；
客户有权禁止Cookie数据的写入。

格式：
document.cookie

格式：
document.cookie = " 关键字 = ; expires = 当前日期"