javascript学习笔记 (3)

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

1警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。语法:alert(文本)2确认框确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为true。如果用户点击取消,那么返回值为false。语法:confirm(文本)提示框提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为null。语法:prompt(文本,默认值)JavaScriptFor...In声明For...In声明用于对数组或者对象的属性进行循环操作。for...in循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。语法:for(变量in对象){在此执行代码}“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。实例:使用for...in循环遍历数组。htmlbodyscripttype=text/javascriptvarxvarmycars=newArray()mycars[0]=Saabmycars[1]=Volvomycars[2]=BMWfor(xinmycars){document.write(mycars[x]+br/)}/script/body/htmlJavaScript事件参考手册事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。事件句柄HTML4.0的新特性之一是有能力使HTML事件触发浏览器中的动作(action),比如当用户点击某个HTML元素时启动一段JavaScript。下面是一个属性列表,这些属性可插入HTML标签来定义事件动作。FF:Firefox,N:Netscape,IE:InternetExplorer属性当以下情况发生时,出现此事件FFNIEonabort图像加载被中断134onblur元素失去焦点123onchange用户改变域的内容123onclick鼠标点击某个对象123ondblclick鼠标双击某个对象144onerror当加载文档或图像时发生某个错误134onfocus元素获得焦点123onkeydown某个键盘的键被按下143onkeypress某个键盘的键被按下或按住143onkeyup某个键盘的键被松开143onload某个页面或图像被完成加载123onmousedown某个鼠标按键被按下144onmousemove鼠标被移动163onmouseout鼠标从某元素移开144onmouseover鼠标被移到某元素之上123onmouseup某个鼠标按键被松开144onreset重置按钮被点击134onresize窗口或框架被调整尺寸144onselect文本被选定123onsubmit提交按钮被点击123onunload用户退出页面123try...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部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。htmlheadscripttype=text/javascriptvartxt=functionmessage(){try{adddlert(Welcomeguest!)}catch(err){txt=此页面存在一个错误。\n\ntxt+=错误描述:+err.description+\n\ntxt+=点击OK继续。\n\nalert(txt)}}/script/headbodyinputtype=buttonvalue=Viewmessageonclick=message()//body/htmlTIY实例2下一个例子会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果confirm方法的返回值为false,代码会把用户重定向到其他的页面。如果confirm方法的返回值为true,那么代码什么也不会做。htmlheadscripttype=text/javascriptvartxt=functionmessage(){try{adddlert(Welcomeguest!)}catch(err){txt=Therewasanerroronthispage.\n\ntxt+=ClickOKtocontinueviewingthispage,\ntxt+=orCanceltoreturntothehomepage.\n\nif(!confirm(txt)){document.location.href=}}}/script/headbodyinputtype=buttonvalue=Viewmessageonclick=message()//body/htmlTIYonerror事件我们马上会讲解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的参数捕获后,就会显示出自定义的出错信息。htmlbodyscripttype=text/javascriptvarx=prompt(Enteranumberbetween0and10:,)try{if(x10)throwErr1elseif(x0)throwErr2}catch(er){if(er==Err1)alert(Error!Thevalueistoohigh)if(er==Err2)alert(Error!Thevalueistoolow)}/script/body/html使用onerror事件是一种老式的标准的在网页中捕获Javascript错误的方法。实例onerror事件如何使用onerror事件捕获网页中的错误。(chrome、opera、safari浏览器不支持)onerror事件我们刚讲过如何使用try...catch声明来捕获网页中的错误。现在,我们继续讲解如何使用onerror事件来达到相同的目的。只要页面中出现脚本错误,就会产生onerror事件。如果需要利用onerror事件,就必须创建一个处理错误的函数。你可以把这个函数叫作onerror事件处理器(onerroreventhandler)。这个事件处理器使用三个参数来调用:msg(错误消息)、url(发生错误的页面的url)、line(发生错误的代码行)。语法:onerror=handleErrfunctionhandleErr(msg,url,l){//Handletheerrorherereturntrueorfalse}浏览器是否显示标准的错误消息,取决于onerror的返回值。如果返回值为false,则在控制台(JavaScriptconsole)中显示错误消息。反之则不会。实例:下面的例子展示如何使用onerror事件来捕获错误:htmlheadscripttype=text/javascriptonerror=handleErrvartxt=functionhandleErr(msg,url,l){txt=Therewasanerroronthispage.\n\ntxt+=Error:+msg+\ntxt+=URL:+url+\ntxt+=Line:+l+\n\ntxt+=ClickOKtocontinue.\n\nalert(txt)returntrue}functionmessage(){adddlert(Welcomeguest!)}/script/headbodyinputtype=buttonvalue=Viewmessageonclick=message()//body/htmlTIY可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。代码输出\'单引号\双引号\&和号\\反斜杠\n换行符\r回车符\t制表符\b退格符\f换页符JavaScript对大小写敏感名为myfunction的函数和名为myFunction的函数是两个不同的函数,同样,变量myVar和变量myvar也是不同的。JavaScript对大小写敏感-所以当您创建或使用变量、对象及函数时,请注意字符的大小写。空格JavaScript会忽略多余的空格。所以您可以在代码中添加适当的空格,使得代码的可读性更强。下面的两行是等效的:name=Hegename=Hege换行您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的: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对象属性FF:Firefox,IE:InternetExplorer属性描述FFIEconstructor对创建该对象的函数的引用14length字符串的长度13prototype允许您向对象添加属性和方法14String对象方法FF:Firefox,IE:InternetExplorer方法描述FFIEanchor()创建HTML锚。13big()

1 / 57
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功