javascript速查笔记

基本格式

<script language="JavaScript" >
...
javascript代码
...
//注释
</script>

引用script<script< span="">

<script src="javascript.js"> </script>

变量声明

var <变量> [= <值>]; 

if语句

if ( <条件> ) <语句1> [ else <语句2> ]; 

if (a == 1)
if (b == 0) alert(a+b);
else
alert(a-b);

if (a == 1) {
if (b == 0) alert(a+b);
} else {
alert(a-b);
}

循环

for (<变量>=<初始值>; <循环条件>; <变量累加方法>) <语句>; 

for (i = 1; i < 10; i++)
{
document.write(i)；
}

while (<循环条件>) <语句>; 

break;

本语句放在循环体内，作用是立即跳出循环。

continue;

本语句放在循环体内，作用是中止本次循环，并执行下一次循环。如果循环的条

件已经不符合，就跳出循环。 

for (i = 1; i < 10; i++)
{
if (i == 3 || i == 5 || i == 8) continue;
document.write(i);
}

switch 语句

switch (e) {
case r1: （注意：冒号）
...
[break;]
case r2:
...
[break;]
...
[default:
...]
}

Date 日期对象

这个对象可以储存任意一个日期，从 0001 年到 9999 年，并且可以精确到毫秒数（ 1/1000 秒）。 所有日期时间，如果不指定时区，都采用“UTC”（世界时）时区，它与“GMT”（格林威治时间）在数值上是一样的。 

定义一个日期对象：

var d = new Date;

这个方法使 d 成为日期对象，并且已有初始值：当前时间。如果要自定初始值，

可以用：

var d = new Date(99, 10, 1); //99 年 10 月 1 日

var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日 

自定义函数

function 函数名([参数集]) {

    ...

    [return[ <值>];]

    ...

} 

function addAll(a, b, c) {
return a + b + c;
}
var total = addAll(3, 4, 5);

Navigator 浏览器对象

navigator 浏览器对象，包含了正在使用的 Navigator 的版本信息。反映了当

前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator

对象 

appName 返回浏览器名。I E 返回 'Microsoft Internet Explorer'，N N 返

回 'Netscape'。 

document.write("navigator.appName 的值是 " + navigator.appName) ；

appVersion 返回浏览器版本，包括了大版本号、小版本号、语言、操作

平台等信息。 

language 语言 

mimeType 以数组表示所支持的MIME 类型 

platform 返回浏览器的操作平台，对于 Windows 9x 上的浏览器，返回

'Win32'（大小写可能有差异）。 

 plugins 以数组表示已安装的外挂程序 

userAgent 返回以上全部信息。例如，IE5.01 返回 'Mozilla/4.0(compatible; MSIE 5.01; Windows 98)' 

javaEnabled() 返回一个布尔值，代表当前浏览器允许不允许 Java。 

<script>
with(document){
write("你的浏览器信息：<OL>");
write("<LI>代码"+navigator.appCodeName);
write("<LI>名称"+navigator.appName);
write("<LI>版本"+navigor.appVersiom);
write("<LI>语言"+navigor.language);
write("<LI>编译平台"+navigor.platform);
write("<LI>用户表头"+navigator.userAgent);
}
</script>

Screen 屏幕对象

screen 屏幕对象 反映了当前用户的屏幕设置。 

width 返回屏幕的宽度（像素数）。 

height 返回屏幕的高度。 

availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏

的东西所占用的宽度）。 

availHeight 返回屏幕的可用高度。 

colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：256 色；16：

增强色；24/32：真彩色

Window 窗口对象

name 窗口的名称 

status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值，

可以改变状态栏的显示。 

opener 用法：window.opener；返回打开本窗口的窗口对象。 

self 指窗口本身，它返回的对象跟 window 对象是一模一样的。最常用

的是“self.close()”，放在标记中：“href="javascript:self.close()">关闭窗口”。 

parent 返回窗口所属的框架页对象。 

top 返回占据整个浏览器窗口的最顶端的框架页对象。 

history 历史对象 

location 地址对象 

document 文档对象 

Window 窗口对象有如下方法

open(<url --="" charset="0" 窗口名称字符串>, <参数字符串>);  打开一个窗口。 

<url --="" charset="0" ：描述所打开的窗口打开哪一个网页。 

<窗口名称字符串>：描述被打开的窗口的名称（window.name），可以使

用'_top'、'_blank'等内建名称。 

<参数字符串>：描 述被打开的窗口的样貌。如 果只需要打开一个普通窗口，

该字符串留空（''），如果要指定样貌，就在字符串里写上一到多个参数，

参数之间用逗号隔开。 

open('','_blank','width=400,height=100,menubar=no,toolbar=no,

location=no,directories=no,status=no, scrollbars=yes,resizable=yes')

open()的参数 

top=# 窗口顶部离开屏幕顶部的像素数 

left=# 窗口左端离开屏幕左端的像素数 

width=# 窗口的宽度 

height=# 窗口的高度 

menubar=... 窗口有没有菜单，取值yes 或no 

toolbar=... 窗口有没有工具条，取值yes 或 no 

location=... 窗口有没有地址栏，取值yes 或no 

directories=... 窗口有没有连接区，取值yes 或no 

scrollbars=... 窗口有没有滚动条，取值yes 或no 

status=... 窗口有没有状态栏，取值yes 或no 

resizable=... 窗口给不给调整大小，取值yes 或no 

open() 方法有返回值，返回的就是它打开的窗口对象。比如

var newWindow = open('','_blank');

close() 关闭一个已打开的窗口。

用法：

window.close()

或

self.close() 

blur() 使焦点从窗口移走，窗口变为“非活动窗口”。 

focus() 是窗口获得焦点，变为“活动窗口”。 

scrollTo() 用法：[<窗口对象>.]scrollTo(x, y)；使窗口滚动，使文档

从左上角数起的(x, y)点滚动到窗口的左上角。 

scrollBy() 用法：[<窗口对象>.]scrollBy(deltaX, deltaY)；使窗口向

右滚动 deltaX 像素，向下滚动 deltaY 像素。如果取负值，则向相反的

方向滚动。 

resizeTo() 用法：[<窗口对象>.]resizeTo(width, height)；使窗口调

整大小到宽 width 像素，高 height 像素。 

resizeBy() 用法：[<窗口对象>.]resizeBy(deltaWidth, deltaHeight)；

使窗口调整大小，宽增大 deltaWidth 像素，高增大 deltaHeight 像素。

如果取负值，则减少。 

alert() 用法：alert(<字符串>)；弹出一个只包含“确定”按钮的对话

框，显示<字符串>的内容，整个文档的读取、Script 的运行都会暂停，

直到用户按下“确定”。 

confirm() 用法：c onfirm(<字符串>)；弹 出一个包含“确定”和“取消”

按钮的对话框，显示<字符串>的内容，要求用户做出选择，整个文档的读

取、Script 的运行都会暂停。如果用户按下“确定”，则返回 true 值，

如果按下“取消”，则返回 false 值。 

prompt() 用法：prompt(<字符串>[, <初始值>])；弹出一个包含“确认”

“取消”和一个文本框的对话框，显示<字符串>的内容，要求用户在文本框输入一些数据，

整个文档的读取、Script 的运行都会暂停。如果用户按下“确认”，则 返回文本框里已有的内容，

如 果用户按下“取消”，则返回 null 值。如果指定<初始值>，则文本框里会有默认值。

Window 窗口对象有如下事件

window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但

HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完毕。本

事件是 window 的事件，但是在 HTML 中指定事件处理程序的时候，我们是把它

写在标记中的。 

window.onunload;发生在用户退出文档（或者关闭窗口，或者到另一个页面去）

的时候。与 onload 一样，要写在 HTML 中就写到标记里。 

window.onresize;发生在窗口被调整大小的时候。 

window.onblur;发生在窗口失去焦点的时候。 

window.onfocus;发生在窗口得到焦点的时候。 

window.onerror;发生在错误发生的时候。它的事件处理程序通常就叫做

“错误处理程序”(Error Handler)，用来处理错误。

要忽略一切错误，就使用：

function ignoreError() {
return true;
}
window.onerror = ignoreError;

History 历史对象

有length 这个属性 列出历史的项数 

back() 后退，跟按下“后退”键是等效的 

forward() 前进，跟按下“前进”键是等效的 

go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。如果

x < 0，则后退 x 个地址，如果 x > 0，则前进 x 个地址，如果 x == 0，

则刷新现在打开的网页。history.go(0) 跟 location.reload() 是等效的。 

Location 地址对象

location 地址对象 它描述的是某一个窗口对象所打开的地址。要 表示当前窗口

的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用

“<窗口对象>.location” 。

protocol 返回地址的协议，取值为 'http:','https:','file:' 等等。 

hostname 返回地址的主机名 

port 返回地址的端口号，一般 http 的端口号是 '80'。 

host 返回主机名和端口号，如：'www.a.com:8080' 

pathname 返回路径名，如“http://www.a.com/b/c.html”， 

hash 返回“#”以及以后的内容，如“

http://www.a.com/b/c.html#chapter4”，location.hash ==

'#chapter4'；如果地址里没有“#”，则返回空字符串。 

search 返回“?”以及以后的内容，如“http://www.a.com/b/c.asp?selection=3&jumpto=4”，

l ocation.search== '?selection=3&jumpto=4'；如果地址里没有“?”，则返回空字符串。 

href 返回以上全部内容，也就是说，返回整个地址。在浏览器的地址栏

上怎么显示它就怎么返回。如果想一个窗口对象打开某地址，可以使用

“location.href = '...'”，也可以直接用“location = '...'”来达

到此目的。 

方法

reload() 相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)

键。 

replace() 打开一个 URL，并取代历史对象中当前位置的地址。用这个方

法打开一个 URL 后，按 下浏览器的“后退”键将不能返回到刚才的页面。 

//简单跳转
function gotoPage(url) {
// eg. var url =
"newsview.html?catalogid="+catalogID+"&pageid="+pageid;
window.location = url;
}

// 对location 用法的升级，为单个页面传递参数
function goto_catalog(iCat) {
if(iCat<=0) {
top.location = "../index.aspx"; // top 出去
} else {
window.location = "../newsCat.aspx?catid="+iCat;
}
}

// 对指定框架进行跳转页面
function goto_iframe(url) {
parent.mainFrame.location = "../index.aspx"; //
// parent.document.getElementById("mainFrame").src =
"../index.aspx";
}

// 回到首页
function gohome() {
top.location = "/index.aspx";
}

Document 文档对象

Document 文档对象是JavaScript 中window 和frames 对象的一个属性,是显示

于窗口或框架内的一个文档 它包含了从<head>到</body>的内容。

用法：document （当前窗口） 或 <窗口对象>.document （指定窗口） 

document.title //设置文档标题等价于HTML 的<title>标签

document.bgColor //设置页面背景色

document.fgColor //设置前景色(文本颜色)

document.linkColor //未点击过的链接颜色

document.alinkColor //激活链接(焦点在此链接上)的颜色

document.vlinkColor //已点击过的链接颜色

document.URL //设置URL 属性从而在同一窗口打开另一网页

document.fileCreatedDate //文件建立日期，只读属性

document.fileModifiedDate //文件修改日期，只读属性

document.fileSize //文件大小，只读属性

document.cookie //设置和读出cookie

document.charset //设置字符集 简体中文:gb2312

lastModified 当前文档的最后修改日期，是一个 Date 对象。

referrer 如果当前文档是通过点击连接打开的，则 referrer 返回原来

的 URL。

title 指<head>标记里用<title>...</title>定义的文字。在 Netscape

里本属性不接受赋值。

fgColor 指<body>标记的 text 属性所表示的文本颜色。

bgColor 指<body>标记的 bgcolor 属性所表示的背景颜色。

linkColor 指<body>标记的 link 属性所表示的连接颜色。

alinkColor 指<body>标记的 alink 属性所表示的活动连接颜色。

vlinkColor 指<body>标记的 vlink 属性所表示的已访问连接颜色。

方法 ：

open() 打开文档以便 JavaScript 能向文档的当前位置（指插入

JavaScript 的位置）写入数据。通常不需要用这个方法，在需要的时候

JavaScript 自动调用。 

write(); writeln() 向文档写入数据，所写入的会当成标准文档 HTML

来处理 

clear() 清空当前文档。

close() 关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 

方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果

文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不

必使用该方法。  

<script language="JavaScript">
var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,'
+
'menubar=no,toolbar=no,directories=no,location=no,' +
'status=no,resizable=no,scrollbars=yes');
whatsNew.document.write('<center><b>更新通知</b></center>');
whatsNew.document.write('<p>最后更新日期：00.08.01');
whatsNew.document.write('<p>00.08.01：增加了“我的最爱”栏目。');
whatsNew.document.write('<p align="right">' +
'<a href="javascript:self.close()">关闭窗口</a>');
whatsNew.document.close();
</script>

anchors[]; links[]; Link 连接对象

在 IE 中，如果在标记中添加“id="..."”属性，则这个对象被赋予

一个标识（ID），调用这个对象的时候只需要使用“”就行了。很多文档部

件都可以用这个方法来赋予 ID，但要注意不能有两个 ID 相同。

anchors 和 links 作为数组，有数组的属性和方法。单个 Anchor 对象没有属

性；单个 Link 对象的属性见下。 

属性

protocol; hostname; port; host; pathname; hash; search; href 与 location

对象相同。

target 返回/指定连接的目标窗口（字符串），与标记里的 target 属性是

一样的。 

事件

onclick; onmouseover; onmouseout; onmousedown; onmouseup 

Form对象的属性

name 返回表单的名称，也就是<form name="...">属性。

action 返回/设定表单的提交地址，也就是<form action="...">属性。

method 返回/设定表单的提交方法，也就是<form method="...">属性。

target 返回/设定表单提交后返回的窗口，也就是<form target="...">属性。

encoding 返回/设定表单提交内容的编码方式，也就是<form enctype="...">

属性。

length 返回该表单所含元素的数目。

方法

reset() 重置表单。这与按下“重置”按钮是一样的。

submit() 提交表单。这与按下“提交”按钮是一样的。 

事件

onreset; onsubmit 

Button 按钮对象

由“<input type="button">”指定。引用一个 Button 对象，

可以使用“<文档对象>.<表单对象>.<按钮名称>”。<按钮名称>指在<input>标

记中的“name="..."”属性的值。引用任意表单元素都可以用这种方法。

属性

name 返回/设定用<input name="...">指定的元素名称。

value 返回/设定用<input value="...">指定的元素的值。

form 返回包含本元素的表单对象。

方法

blur() 从对象中移走焦点。

focus() 让对象获得焦点。

click() 模拟鼠标点击该对象。 

事件

onclick; onmousedown; onmouseup 

Checkbox 复选框对象

由“<input type="checkbox">”指定。

属性

name 返回/设定用<input name="...">指定的元素名称。

value 返回/设定用<input value="...">指定的元素的值。

form 返回包含本元素的表单对象。

checked 返回/设定该复选框对象是否被选中。这是一个布尔值。

defaultChecked 返回/设定该复选框对象默认是否被选中。这是一个布尔值。

方法

blur() 从对象中移走焦点。

focus() 让对象获得焦点。

click() 模拟鼠标点击该对象。 

事件

onclick 

elements[]; Element 表单元素对象

<表单对象>.elements 是一个数组，包含

了该表单所有的对象。一般我们不用该数组，而直接引用各个具体的对象。

Hidden 隐藏对象 由“<input type="hidden">”指定。

属性

name 返回/设定用<input name="...">指定的元素名称。

value 返回/设定用<input value="...">指定的元素的值。

form 返回包含本元素的表单对象。

Password 密码输入区对象 由“<input type="password">”指定。

方法

blur() 从对象中移走焦点。

focus() 让对象获得焦点。

select() 选中密码输入区里全部文本。 

事件

onchange 

Radio 单选域对象

由“<input type="radio">”指定。一组 Radio 对象有共同

的名称（name 属性），这样的话，document.formName.radioName 就成了一个

数组。要访问单个 Radio 对象就要用：document.formName.radioName[x]。

单个 Radio 对象的属性

name 返回/设定用<input name="...">指定的元素名称。

value 返回/设定用<input value="...">指定的元素的值。

form 返回包含本元素的表单对象。

checked 返回/设定该单选域对象是否被选中。这是一个布尔值。

defaultChecked 返回/设定该对象默认是否被选中。这是一个布尔值。

方法

blur() 从对象中移走焦点。

focus() 让对象获得焦点。

click() 模拟鼠标点击该对象。 

事件

onclick 

Reset 重置按钮对象

由“<input type="reset">”指定。因为 Reset 也是按

钮，所以也有 Button 对象的属性和方法。至于“onclick”事件，一般用 Form

对象的 onreset 代替。

Select 选择区（下拉菜单、列表）对象

由“<select>”指定。

属性

name 返回/设定用<input name="...">指定的元素名称。

length 返回 Select 对象下选项的数目。

selectedIndex 返回被选中的选项的下标。这个下标就是在 options[] 数组中

该选项的位置。如果 Select 对象允许多项选择，则返回第一个被选中的选项的

下标。

form 返回包含本元素的表单对象。

方法

blur() 从对象中移走焦点。

focus() 让对象获得焦点。 

事件

onchange 

options[]; Option 选择项对象

options[] 是一个数组，包含了在同一个

Select 对象下的 Option 对象。Option 对象由“<select>”下的

“<options>”指定。

options[] 数组的属性

length; selectedIndex 与所属 Select 对象的同名属性相同。 

单个 Option 对象的属性

text 返回/指定 Option 对象所显示的文本

value 返回/指定 Option 对象的值，与<options value="...">一致。

index 返回该 Option 对象的下标。对此并没有什么好说，因为要指定特定的一

个 Option 对象，都要先知道该对象的下标。这个属性好像没有什么用。

selected 返回/指定该对象是否被选中。通过指定 true 或者 false，可以动态

的改变选中项。

defaultSelected 返回该对象默认是否被选中。true / false。

Submit 提交按钮对象

由“<input type="submit">指定。因为 Submit 也是按

钮，所以也有 Button 对象的属性和方法。至于“onclick”事件，一般用 Form

对象的 onsubmit 代替。

Text 文本框对象

由“<input type="text">”指定。Password 对象也是 Text

对象的一种，所以 Password 对象所有的属性、方法和事件，Text 对象都有。

Textarea 多行文本输入区对象

由“<textarea>”指定。Textarea 对象所有的

属性、方法和事件和 Text 对象相同，也就是跟 Password 对象一样。

images[]; Image 图片对象

document.images[] 是一个数组，包含了文档中所

有的图片（<img>）。要引用单个图片，可以用 document.images[x]。如果某图

片包含“name”属性，也就是用“<img name="...">”这种格式定义了一幅图

片，就可以使用“document.images['...']”这种方法来引用图片。在 IE 中，

如果某图片包含 ID 属性，也就是用“<img id="...">”这种格式定义了一幅图

片，就可以直接使用“<imageID>”来引用图片。

单个 Image 对象的属性

name; src; lowsrc; width; height; vspace; hspace; border 这些属性跟

标记里的同名属性是一样的。在 Netscape 里，除了 src 属性，其它属性（几

乎全部）都不能改的，即使改了，在文档中也不能显示出效果来。这些属性最有

用的就是 src 了，通过对 src 属性赋值，可以实时的更改图片。 

事件

onclick 

不显示在文档中的 Image 对象

不显示在文档中的 Image 对象是用 var 语句定义的： 

var myImage = new Image(); 或

var myImage = new Image(<图片地址字符串>);

然后就可以像一般 Image 对象一样对待 myImage 变量了。不 过既然它不显示在

文档中，以下属性：lowsrc, width, height, vspace, hspace, border 就没有

什么用途了。一般这种对象只有一个用：预读图片(preload)。因为当对对象的

src 属性赋值的时候，整个文档的读取、JavaScript 的运行都暂停，让浏览器

专心的读取图片。预读图片以后，浏览器的缓存里就有了图片的 Copy，到真正

要把图片放到文档中的时候，图片就可以立刻显示了。现在的网页中经常会有一

些图像连接，当鼠标指向它的时候，图像换成另外一幅图像，它们都是先预读图

像的。

预读图像的 JavaScript 例子

var imagePreload = new Image();
imagePreload.src = '001.gif';
imagePreload.src = '002.gif';
imagePreload.src = '003.gif';

以上例子适合预读少量图片

 
 

  
  function imagePreload(){
    
  
  var imgPreload
  
  =
  
  new Image();
    
  
  for(i
  
  =
  
  0;i
  
  <arguments.length;i
  
  ++){
        imgPreload.scr
  
  =arguments[i];
    }
}
imagePreload(
  
  '001.gif',
  
  '002.gif',
  
  '003.gif',
  
  '004.gif',
  
  '005.gif',
  
  '006.gif');
 
 

事件处理

指定事件处理程序的三种方法

方法一

直接在 HTML 标记中指定。这种方法是用得最普遍的。 

<标记 ... ... 事件="事件处理程序" [事件="事件处理程序" ...]>

<body onload = "alert('网页读取完成，请 慢慢欣赏！' )" onunload = "alert('再见！')" >

方法二

编写特定对象特定事件的 JavaScript。这种方法用得比较少，但是在某

些场合还是很好用的 

<script language="JavaScript" for="对象" event="事件">
...
(事件处理程序代码)
...
</script>
<script language="JavaScript" for="window" event="onload">
alert('网页读取完成，请慢慢欣赏！');
</script>

方法三

<事件主角 - 对象>.<事件> = <事件处理程序>; 

用这种方法要注意的是，“事件处理程序”是真正的代码，而不是字符串形式的

代码。如果事件处理程序是一个自定义函数，如无使用参数的需要，就不要加“()”。 

 
 

  
  function ignoreError() {
  
  return true;}window.onerror 
  
  = ignoreError; 
  
  // 没有使用“()” 
 
 

事件详解

onblur 事件

发生在窗口失去焦点的时候。应用于：window 对象

onchange 事件

发生在文本输入区的内容被更改，然 后焦点从文本输入区

移走之后。捕捉此事件主要用于实时检测输入的有效性，或者立刻改变文

档内容。应 用于：Password 对象；Select 对象；Text 对象；Textarea 对象 

onclick 事件

发生在对象被单击的时候。单击是指鼠标停留在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个完整的过程。

应用于：Button对象；Checkbox对象；Image对象；Link对象；Radio对象；Reset对象；Submit对象

onerror 事件

发生在错误发生的时候。它的事件处理程序通常就叫做

“错误处理程序”(Error Handler)，用来处理错误。 

onfocus 事件

发生在窗口得到焦点的时候。应用于：window 对象 

onload 事件

发生在文档全部下载完毕的时候。全 部下载完毕意味着不但

HTML 文件，而且包含的图片，插件，控件，小程序等全部内容都下载完

毕。本事件是 window 的事件，但 是在 HTML 中指定事件处理程序的时候，

我们是把它写在标记中的。应用于：window 对象 

onmousedown 事件

发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onmouseup事件。

应用于：Button 对象；Link 对象 

onmouseout 事件

发生在鼠标离开对象的时候。参 考 onmouseover 事件。

应用于：Link 对象 

onmouseover 事件

发生在鼠标进入对象范围的时候。 

应用于：Link 对象 

<a href="..." onmouseover="window.status='Click Me Please!';
return true;" onmouseout="window.status=''; return true;">

onmouseup 事件

发生在用户把鼠标放在对象上鼠标键被按下的情况下，

放开鼠标键的时候。如果按下鼠标键的时候，鼠标并不在放开鼠标的对象上，

则本事件不会发生。应用于：Button 对象；Link 对象 

onreset 事件

发生在表单的“重置”按钮被单击（按下并放开）的时候。

通过在事件处理程序中返回 false 值（return false）可以阻止表单重置。

应用于：Form 对象 

onresize 事件

发生在窗口被调整大小的时候。

应用于：window 对象 

onsubmit 事件

发生在表单的“提交”按钮被单击（ 按下并放开）的 时候。

可以使用该事件来验证表单的有效性。通 过在事件处理程序中返回 false

值（return false）可以阻止表单提交。

应用于：Form 对象 

onunload 事件

发生在用户退出文档（或者关闭窗口，或者到另一个页面

去）的时候。与 onload 一样，要写在 HTML 中就写到标记里。

有的 Web Masters 用这个方法来弹出“调查表单”，

以“强迫”来者填写；有的就弹出广告窗口，唆使来者点击连接。 

应用于：window 对象 

JavaScript 中的对象化编程

with 语句

为一个或一组语句指定默认对象。 

with (<对象>) <语句>; 

Math 的重复使用： 

 
 

  
  x
  
  =Math.cos(
  
  3
  
  *Math.PI)
  
  +Math.sin(Math.LN10);
y
  
  =Math.tan(
  
  14
  
  *Math.E);
 
 
当使用 with 语句时，代码变得更短且更易读： 

with(Math){
    x=cos(3*PI)+sin(LN10);
    y=tan(14*E);
}

this 对象

返回“当前”对象。在不同的地方，this 代表不同的对象。如果在

JavaScript 的“主程序”中（不在任何 function 中，不在任何事件处理程序

中）使用 this，它就代表 window 对象；如果在 with 语句块中使用 this，它

就代表 with 所指定的对象；如果在事件处理程序中使用 this，它就代表发生事件的对象。 

自定义构造函数

自定义构造函数也是用function。在 function 里边用 this 来定义属性。 

 
 

  
  function <构造函数名> [(<参数>)] {
 
 
 
 

  
  ...
 
 
 
 

  
  this.<属性名> = <初始值>;
 
 
 
 

  
  ...
 
 
 
 

  
  }
 
 

然后，用 new 构造函数关键字来构造变量： 

var <变量名> = new <构造函数名>[(<参数>)]; 

构造变量以后，<变量名>成为一个对象，它有它自己的属性——用 this 在

function 里设定的属性。 

function myFriend(theName, gender, theAge, birthOn, theJob) {
this.name = theName;
this.isMale = (gender.toLowerCase == 'male');
this.age = theAge;
this.birthday = new Date(birthOn);
this.job = theJob
}
var Stephen = new myFriend( 'Stephen', 'Male', 18, 'Dec 22, 1982', 'Student');