javascript学习笔记文档格式.docx

上传人:b****6 文档编号:17312291 上传时间:2022-12-01 格式:DOCX 页数:64 大小:42.06KB
下载 相关 举报
javascript学习笔记文档格式.docx_第1页
第1页 / 共64页
javascript学习笔记文档格式.docx_第2页
第2页 / 共64页
javascript学习笔记文档格式.docx_第3页
第3页 / 共64页
javascript学习笔记文档格式.docx_第4页
第4页 / 共64页
javascript学习笔记文档格式.docx_第5页
第5页 / 共64页
点击查看更多>>
下载资源
资源描述

javascript学习笔记文档格式.docx

《javascript学习笔记文档格式.docx》由会员分享,可在线阅读,更多相关《javascript学习笔记文档格式.docx(64页珍藏版)》请在冰豆网上搜索。

javascript学习笔记文档格式.docx

br/>

"

/script>

/body>

/html>

JavaScript事件参考手册

事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。

事件句柄

HTML4.0的新特性之一是有能力使HTML事件触发浏览器中的动作(action),比如当用户点击某个HTML元素时启动一段JavaScript。

下面是一个属性列表,这些属性可插入HTML标签来定义事件动作。

FF:

Firefox,N:

Netscape,IE:

InternetExplorer

属性

当以下情况发生时,出现此事件

FF

N

IE

onabort

图像加载被中断

1

3

4

onblur

元素失去焦点

2

onchange

用户改变域的内容

onclick

鼠标点击某个对象

ondblclick

鼠标双击某个对象

onerror

当加载文档或图像时发生某个错误

onfocus

元素获得焦点

onkeydown

某个键盘的键被按下

onkeypress

某个键盘的键被按下或按住

onkeyup

某个键盘的键被松开

onload

某个页面或图像被完成加载

onmousedown

某个鼠标按键被按下

onmousemove

鼠标被移动

6

onmouseout

鼠标从某元素移开

onmouseover

鼠标被移到某元素之上

onmouseup

某个鼠标按键被松开

onreset

重置按钮被点击

onresize

窗口或框架被调整尺寸

onselect

文本被选定

onsubmit

提交按钮被点击

onunload

用户退出页面

try...catch的作用是测试代码中的错误。

实例

try...catch语句

如何编写try...catch语句。

带有确认框的try...catch语句

另一个编写try...catch语句的例子。

JavaScript-捕获错误

当我们在网上冲浪时,总会看到带有runtime错误的Javascript警告框,同时会询问我们“是否进行debug?

”。

像这样的错误信息或许对开发人员有用,对用户则未必。

当错误发生时,他们往往会选择离开这个站点。

本节向你讲解如何捕获和处理Javascript的错误消息,这样就可以为受众提供更多的便利。

有两种在网页中捕获错误的方法:

∙使用try...catch语句。

(在IE5+、Mozilla1.0、和Netscape6中可用)

∙使用onerror事件。

这是用于捕获错误的老式方法。

(Netscape3以后的版本可用)

注意:

chrome、opera和safari浏览器不支持onerror事件。

Try...Catch语句

try...catch可以测试代码中的错误。

try部分包含需要运行的代码,而catch部分包含错误发生时运行的代码。

try

//在此运行代码

catch(err)

//在此处理错误

try...catch使用小写字母。

大写字母会出错。

下面的例子用try...catch语句重新修改了脚本。

由于误写了alert(),所以错误发生了。

不过这一次,catch部分捕获到了错误,并用一段准备好的代码来处理这个错误。

这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

head>

vartxt="

functionmessage()

{

adddlert("

Welcomeguest!

}

txt="

此页面存在一个错误。

\n\n"

txt+="

错误描述:

"

+err.description+"

点击OK继续。

alert(txt)

/head>

inputtype="

button"

value="

Viewmessage"

onclick="

message()"

/>

TIY

实例2

下一个例子会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。

如果confirm方法的返回值为false,代码会把用户重定向到其他的页面。

如果confirm方法的返回值为true,那么代码什么也不会做。

Therewasanerroronthispage.\n\n"

ClickOKtocontinueviewingthispage,\n"

orCanceltoreturntothehomepage.\n\n"

if(!

confirm(txt))

document.location.href="

onerror事件

我们马上会讲解onerror事件。

但首先您需要学习如何使用throw语句来创建异常。

throw语句可以与try...catch语句一起使用。

throw声明的作用是创建exception(异常或错误)。

throw声明

如何使用throw声明。

Throw声明

throw声明的作用是创建exception(异常)。

你可以把这个声明与try...catch声明配合使用,以达到控制程序流并产生精确错误消息的目的。

throw(exception)

exception可以是字符串、整数、逻辑值或者对象。

使用小写字母编写throw。

使用大写字母会出错!

实例1

下面的实例的作用是测定变量x的值。

如果x的值大于10或者小于0,错误就会被抛出(throw)。

这个错误被catch的参数捕获后,就会显示出自定义的出错信息。

varx=prompt("

Enteranumberbetween0and10:

{

if(x>

10)

throw"

Err1"

elseif(x<

0)

Err2"

}

catch(er)

if(er=="

Error!

Thevalueistoohigh"

if(er=="

Thevalueistoolow"

使用onerror事件是一种老式的标准的在网页中捕获Javascript错误的方法。

onerror事件

如何使用onerror事件捕获网页中的错误。

(chrome、opera、safari浏览器不支持)

我们刚讲过如何使用try...catch声明来捕获网页中的错误。

现在,我们继续讲解如何使用onerror事件来达到相同的目的。

只要页面中出现脚本错误,就会产生onerror事件。

如果需要利用onerror事件,就必须创建一个处理错误的函数。

你可以把这个函数叫作onerror事件处理器(onerroreventhandler)。

这个事件处理器使用三个参数来调用:

msg(错误消息)、url(发生错误的页面的url)、line(发生错误的代码行)。

onerror=handleErrfunctionhandleErr(msg,url,l)

//Handletheerrorhere

returntrueorfalse

浏览器是否显示标准的错误消息,取决于onerror的返回值。

如果返回值为false,则在控制台(JavaScriptconsole)中显示错误消息。

反之则不会。

下面的例子展示如何使用onerror事件来捕获错误:

onerror=handleErr

functionhandleErr(msg,url,l)

txt="

txt+="

Error:

+msg+"

\n"

URL:

+url+"

Line:

+l+"

ClickOKtocontinue.\n\n"

alert(txt)

returntrue

adddlert("

可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。

代码

输出

\'

单引号

\"

双引号

\&

和号

\\

反斜杠

\n

换行符

\r

回车符

\t

制表符

\b

退格符

\f

换页符

JavaScript对大小写敏感

名为"

myfunction"

的函数和名为"

myFunction"

的函数是两个不同的函数,同样,变量"

myVar"

和变量"

myvar"

也是不同的。

JavaScript对大小写敏感-所以当您创建或使用变量、对象及函数时,请注意字符的大小写。

空格

JavaScript会忽略多余的空格。

所以您可以在代码中添加适当的空格,使得代码的可读性更强。

下面的两行是等效的:

name="

Hege"

name="

换行

您可以在文本字符串内部使用反斜杠对代码进行折行。

下面的例子是正确的:

document.write("

Hello\

World!

但是不能像这样折行:

document.write\

("

HelloWorld!

JavaScriptString对象参考手册

String对象

String对象用于处理文本(字符串)。

创建String对象的语法:

newString(s);

String(s);

参数

参数s是要存储在String对象中或转换成原始字符串的值。

返回值

当String()和运算符new一起作为构造函数使用时,它返回一个新创建的String对象,存放的是字符串s或s的字符串表示。

当不用new运算符调用String()时,它只把s转换成原始的字符串,并返回转换后的值。

String对象属性

Firefox,IE:

描述

constructor

对创建该对象的函数的引用

length

字符串的长度

prototype

允许您向对象添加属性和方法

String对象方法

方法

anchor()

创建HTML锚。

big()

用大号字体显示字符串。

blink()

显示闪动字符串。

 

bold()

使用粗体显示字符串。

charAt()

返回在指定位置的字符。

charCodeAt()

返回在指定的位置的字符的Unicode编码。

concat()

连接字符串。

fixed()

以打字机文本显示字符串。

fontcolor()

使用指定的颜色来显示字符串。

fontsize()

使用指定的尺寸来显示字符串。

fromCharCode()

从字符编码创建一个字符串。

indexOf()

检索字符串。

italics()

使用斜体显示字符串。

lastIndexOf()

从后向前搜索字符串。

link()

将字符串显示为链接。

localeCompare()

用本地特定的顺序来比较两个字符串。

match()

找到一个或多个正在表达式的匹配。

replace()

替换与正则表达式匹配的子串。

search()

检索与正则表达式相匹配的值。

slice()

提取字符串的片断,并在新的字符串中返回被提取的部分。

small()

使用小字号来显示字符串。

split()

把字符串分割为字符串数组。

strike()

使用删除线来显示字符串。

sub()

把字符串显示为下标。

substr()

从起始索引号提取字符串中指定数目的字符。

substring()

提取字符串中两个指定的索引号之间的字符。

sup()

把字符串显示为上标。

toLocaleLowerCase()

把字符串转换为小写。

-

toLocaleUpperCase()

把字符串转换为大写。

toLowerCase()

toUpperCase()

toSource()

代表对象的源代码。

toString()

返回字符串。

valueOf()

返回某个字符串对象的原始值。

String对象描述

字符串是JavaScript的一种基本的数据类型。

String对象的length属性声明了该字符串中的字符数。

String类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。

需要注意的是,JavaScript的字符串是不可变的(immutable),String类定义的方法都不能改变字符串的内容。

像String.toUpperCase()这样的方法,返回的是全新的字符串,而不是修改原始字符串。

在较早的Netscape代码基的JavaScript实现中(例如Firefox实现中),字符串的行为就像只读的字符数组。

例如,从字符串s中提取第三个字符,可以用s[2]代替更加标准的s.charAt

(2)。

此外,对字符串应用for/in循环时,它将枚举字符串中每个字符的数组下标(但要注意,ECMAScript标准规定,不能枚举length属性)。

因为字符串的数组行为不标准,所以应该避免使用它。

JavaScriptDate对象参考手册

Date对象

Date对象用于处理日期和时间。

创建Date对象的语法:

varmyDate=newDate()

注释:

Date对象会自动把当前日期和时间保存为其初始值。

Date对象属性

返回对创建此对象的Date函数的引用。

使您有能力向对象添加属性和方法。

Date对象方法

Date()

返回当日的日期和时间。

getDate()

从Date对象返回一个月中的某一天(1~31)。

getDay()

从Date对象返回一周中的某一天(0~6)。

getMonth()

从Date对象返回月份(0~11)。

getFullYear()

从Date对象以四位数字返回年份。

getYear()

请使用getFullYear()方法代替。

getHours()

返回Date对象的小时(0~23)。

getMinutes()

返回Date对象的分钟(0~59)。

getSeconds()

返回Date对象的秒数(0~59)。

getMilliseconds()

返回Date对象的毫秒(0~999)。

getTime()

返回1970年1月1日至今的毫秒数。

getTimezoneOffset()

返回本地时间与格林威治标准时间(GMT)的分钟差。

getUTCDate()

根据世界时从Date对象返回月中的一天(1~31)。

getUTCDay()

根据世界时从Date对象返回周中的一天(0~6)。

getUTCMonth()

根据世界时从Date对象返回月份(0~11)。

getUTCFullYear()

根据世界时从Date对象返回四位数的年份。

getUTCHours()

根据世界时返回Date对象的小时(0~23)。

getUTCMinutes()

根据世界时返回Date对象的分钟(0~59)。

getUTCSeconds()

根据世界时返回Date对象的秒钟(0~59)。

getUTCMilliseconds()

根据世界时返回Date对象的毫秒(0~999)。

parse()

返回1970年1月1日午夜到指定日期(字符串)的毫秒数。

setDate()

设置Date对象中月的某一天(1~31)。

setMonth()

设置Date对象中月份(0~11)。

setFullYear()

设置Date对象中的年份(四位数字)。

setYear()

请使用setFullYear()方法代替。

setHours()

设置Date对象中的小时(0~23)。

setMinutes()

设置Date对象中的分钟(0~59)。

setSeconds()

设置Date对象中的秒钟(0~59)。

setMilliseconds()

设置Date对象中的毫秒(0~999)。

setTime()

以毫秒设置Date对象。

setUTCDate()

根据世界时设置Date对象中月份的一天(1~31)。

setUTCMonth()

根据世界时设置Date对象中的月份(0~11)。

setUTCFullYear()

根据世界时设置Date对象中的年份(四位数字)。

setUTCHours()

根据世界时设置Date对象中的小时(0~23)。

setUTCMinutes()

根据世界时设置Date对象中的分钟(0~59)。

setUTCSeconds()

根据世界时设置Date对象中的秒钟(0~59)。

setUTCMilliseconds()

根据世界时设置Date对象中的毫秒(0~999)。

返回该对象的源代码。

把Date对象转换为字符串。

toTime

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 外语学习 > 英语学习

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1