智能小车-我们预留java_第1页
智能小车-我们预留java_第2页
智能小车-我们预留java_第3页
智能小车-我们预留java_第4页
智能小车-我们预留java_第5页
已阅读5页,还剩28页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

JavaScript简Firefox,Netscape,和Opera———————————————————————课前准—————————————————————————什么JavaScriptHTMLJavaScript是一 语言(语言是一种轻型编程语言一个 可包含多行可执行的计算机代 JavaScript是一种解释型语言(这就意味着执行时不需要预编译JavaScript,——————————————————————————Java和JavaScriptJavaSunMicrosystemsC和C++属于同一级别——————————————————————————JavaScript可以做什JavaScript为HTMLHTMLJavaScript的语言,几乎任何人都可以毫不费力的在他们的HTML页面中一JavaScript可以在HTML页面中动态文JavaScript语句:.write(“<h1>”+Date()+“</h1>”)HTML页面中JavaScriptHTMLJavaScriptHTML一段JavaScript可以并改写一个HTML元素的内JavaScriptJavaScript(form)数据之前验证表单JavaScript可以被用来监 者的浏览使用JavaScript可以监测 JavaScriptJavaScript可以被用 关于者的计算机的信——————————————————————————JavaScript正的名称是JavaScript真正的名称是ECMAScript,它是由ECMA组织开发和的ECMA-262是的JavaScript标准这种语言是网景(Netscape)BrendanEichNavigator2.0ECMA-262199619976ECMAGeneral1998ISO(ISO/IEC16262)怎样使我们使用HTML标记符<script>来在HTML页面中——————————————————————————怎样在HTML页面中JS将以下代码拷贝到一个文本编辑器中,并保存为oworld.html文件<<script.write(“<<<对上面例子的解我们使用标记符<script>来将JSHTML页面中并使用了类型属性(type)来定义语言的类型为JavaScript。因此,<scripttype=”text/javascript”>和</script><<script。。。此处省略若干。。<<语句.write是一个标准的JavaScript命令,用来向页面写输出。通过在标记符<scripttype=”text/javascript”>和</script><<script.write(“<<<注意<script>.write(“.write————————————————————————————JavaScript语句结束需要分号吗传统编程语言,例如C++和Java,许多程序员在写JavaScript的时候仍保持了这一。实际上在JavaScript————————————————————————————关于旧版浏览器问Javascript用HTML的注释标示符将JS包起来:<script.write(“<JavaScriptJavaScript编译器把这一行当作JS进行编译1995年以前的浏览器版本,例如网景1(Netscape1),Mozaic,IE1,和IE2,这些浏览器现在几经几乎没有人使用了。第二,也是最重要的一点,在XHTML中,被HTML注释包围的JS代码会真的被当作注释处理掉,不再起作用。如果有一天你决定将你的网页作为XHTML来供访客浏览,那么被注释起来的JS代码会JavaScript放在哪HTMLbodyJavaScriptsHTMLheadJavaScripts—————————————————————————JavaScript应放在哪页面中的JavaScripts会在浏览器加载页面的时候被立即执行我们并不希望总是这样,有时候我们想让一段在页面加载的时候执行,而有时候我们想在用户触发一个事件的时候执行。head部分中的:需调用才执行的或事件触发执行的 放在HTML的head部分中。当你把放在head部分中时,可以保证 <<script<<body部分中 :当页面被加载时执行的放在HTML的body部分。放body部分 通常被用来生成页面的内容<<<<script<<body和head部分可同时有:你可在文件中放无数的因此你的文件中可以在body和head部分同时存在。<<script<<<<script<<———————————————————————————外部的使 程序,而不需在各个页面中重复 保存在扩展名为.js的文件中。注意:外 文件中不要包含标记符使用外部时将标记符<script>的“src”属性值指向相应的.js文件就可<<script<<<<注意:记得这个指向外部文件的script标记符就放在你通常会写的地Comment JavaScript中的变变量是信息的“容器”————————————————————————————变JavaScript重点JavaScriptstrnameSTRNAME———————————————————————————变量的和赋在JavaScript中,变量是使用关键字var来完成的,例如:varmyUrl=“htt int,string,double,boolean另外在JavaScript中,变量也可以不经而直接使用,或者说在第一次使用的同时自动,例如直接写:myUrl= 如果myUrl变量面没有被var过则在此第一次使用时会自动生成变量。JavaScriptvar量来说,是否使用var做的确是没有什么区别的,也就是说如果你在所有函varfunctionvarvar变量,从而避免不修改了全局变量的值。所以最好的做法是:总使用var来定义一个变量———————————————————————————变量的有效在函数中定义的变量只能够在该函数中当退出该函数时变量就被销毁了。如果在函数外面定义一个变量,那么该页面上的所有函数都可以这个变量。注意:在JavaScript中变量是可以被重复的,并且当变量被重复时并viewviewvarmyUrl=var"这两行代码执行后,myUrl然是 ,而不会被置空Comment JavaScriptIf…ElseJavaScript—————————————————————————条件语JavaScriptifif…elseif…elseif….elseswitchstatement——————————————————————————If只有某条件成立才执行某些代码的时候使用此语句if{}if用小写字母,如果你是用了大写字母(IF),JavaScript1<script10vard=newvartime=d.getHours()if{.write(“<b>早上好}<<script11vard=newvartime=d.getHours()if{.write(“<b>午饭时间}<注意:当比较两个变量是否相等时,必须使等号..else..只有在特定条件为真时才执行某些代——————————————————————————If…elseif{}{}例<script10vard=newvartime=d.getHours()if(time<{}{}

.write(“.write(“<———————————————————————————If…elseif…elseif{1}elseif{2}{12}例<script10//1016vard=newvartime=d.getHours()if(time<10){.write(“<b>早上好}elseif(time>10&&{}{}

.write(“<b>你好.write(“<b>大家好<JavaScriptSwitchSwitch——————————————————————————JavaScriptSwitch{case1case2如果n既不同于情况1也不同于情况2}switchncasecasebreakcase例<script//注意:星期日=0,星期一=1,星期二=2,vard=newDate()switch(theDay){casecase6:case0:

.write(“Finally.write(“Super.write(“Sleepy.write(“I’mlookingforwardtothis}<JavaScript中的操作+,-,*,赋值操作 = +=x+=y相当于-=x-=y相当于x=x-*=x*=y相当于/=x/=y相当于%=x%=y相当于比较操作 ==等于(只检查值),例如:5==8 ===等于(这个比较特殊,值和类型都要检查),x==yx===y!=不等于,例如:5!=8>大于,例如:5>8<小于,例如:5<8>=大于等于,例如:5>=8<=小于等于,例如:5<=8逻辑&&(与),||(或),!(非)字符串操作txt1=”Whatavery”txt2=”niceday!”txt3”Whataveryniceday!”txt1=”Whatavery”txt2=”niceday!”txt3=txt1+”“+txt2txt1=”Whatavery”txt2=”niceday!”txt3”Whataveryniceday!”。JavaScriptgreeting=(visitor==”PRES”)?”Dear“:”Dear如果变量visitor等于PRES,则把字符串”Dear“赋给变greeting,否则,把字符串”Dear“赋给变量greeting。Comment(RSS) JavaScript弹出窗———————————————————————————警示窗(Alertalert(“例子(html<<scriptfunction{alert(“你好!”+‘\n’}<<body><inputtype=”button”onclick=”disp_alert()”value=”显示提示窗口”/></body><———————————————————————————确认窗口(Confirm当一个确认窗口弹出后,用户必须选择点击”确认”(”OK”)(”Cancel”)confirm(“例子(html<<scriptfunction{varr=confirm(“Pressaif{}{}}

.write(“Youpressed.write(“Youpressed<<body><inputtype=”button”onclick=”disp_confirm()”value=”显示确认窗口”/></body><———————————————————————————提问窗口(Prompt(”OK”prompt(“例子(html<<scriptfunction{varname=prompt(“Pleaseenteryourname”,”Aqua”)if(name!=null&&name!=”"){.write(“o”+name+“!Howareyou}}<<body><inputtype=”button”onclick=”disp_prompt()”value=”显示提问窗口”/></body><JavaScript————————————————————————————JavaScript函数一般定义在页面开始位置的<head><<scriptfunction{alert(“o}<<<<inputtype=”button”value=”Clickme!”onclick=”displaymessage()”><<<在上面例子中,如果代码行alert(“oworld!!”)没有被写在函数里面,面,就只有在用户点击按钮后才会被执行。我们在按钮上增加了一个点击onClick)displaymessage()在”JS事件”一章中你将会学到关于JavaScript事件的内容————————————————————————————怎样定义一个函function{some}var1,var2注意:一个不带参数的函数也必须在函数名字的后面加括弧():function{some}注意:记大写字母在JavaScript中的重要性!关键字function必须JavaScript———————————————————————————返回语句例以下函数返回两个数字的乘积(a和function{returnx}这里函数prod()的返回值为6,它将被在叫做product的变量中JavaScript中的循———————————————————————————JavaScript在写代码的过程中我们经常碰到想要连续反复执行某段代码的情况。与其多次在JavaScriptforwhile——————————————————————————forfor(var=初始值;var<=结束值;var=var+{}例i=0i10,循环就继续进行,每执行一次,i增加1,直到i超过10,循环停止。注意<<scriptvarfor{.write(“Thenumberis”+.write(“<br}<<<执行结0123456789—————————————————————————whilewhile{codetobe}注意i=0i10环就持续执行。每执行一次,i1。<<scriptvarwhile{.write(“Thenumberis”+.write(“<br}<<<执行结0123456789——————————————————————————do…whiledo…whilewhile一次,然后再检验指定条件是否为真,在条件为真的情况下反复执行代码。语{codetobe}while例<<scriptvari=0{.write(“Thenumberis”+.write(“<br}while<<<执行结ThenumberisJavaScript环BreakJavaScriptbreakcontinue有两种特殊的语句可以在循环中使用:break和continue—————————————————————————break(如果有的话)。<<scriptvarfor{if.write(“Thenumberis”+.write(“<br}<<<结Thenumberis0Thenumberis1Thenumberis——————————————————————continue<<scriptvarfor{if.write(“Thenumberis”+.write(“<br}<<</html>Thenumberis0Thenumberis1Thenumberis2Thenumberis4Thenumberis5Thenumberis6Thenumberis7Thenumberis8Thenumberis9ThenumberisJavaScriptFor…Infor…in语句是用来循环一个数组的每一个元素或一个对象的各个属性值forinfor(variablein{}参数variable例用for…in来循环一个数组<body><scriptvarvarmycars=newArray()mycars[0]=“Saab”mycars[1]=“Volvo”mycars[2]=“BMW”for(xin{.write(mycars[x]+“<br}<<结JavaScript的事事件是能够被JavaScript—————————————————————————事JavaScriptJavaScriptJavaScriptHTMLtag事件举例网页或加HTMLHTML注意——————————————————————————JavaScript事件列表(事件属性生条件onabort–一个的加载被终止(只用于onblur–当一个元素失去焦点(光标移开onchange–用户改变了一个域的值(用于<input<select>,onclickondblclickonerror–文件或加载出错(<img>,<object>,onfocusonkeydownonkeypressonkeyuponload–当页面或完成加onmousedownonmousemoveonmouseoutonmouseoveronmouseuponresetonresizeonselectonsubmitonunload————————————————————————————onloadonload和onUnloadonload事件通常被用来检查者的浏览器类型和版本,并根据这些信息加载onload和onUnloads。例如,当用户第一次 问用户的名字,然后将名字 在一个中。下次当同一用户再次 的网页的时候,你可以用另外一个弹出窗口打出一些问候语,比如“ ——————————————————————————onFocus,onBluronFocus,onBlur和onChangeonChange值,check()函数就会被调用:<inputtype=”text”size=”30″id=”onchange=”check———————————————————————————onSubmitonSubmitcheckForm()就会被调用。如果某些域值不能被接受,提交将会被交,否则,表单会被取消:<formmethod=”post”action=”xxx.htm”onsubmit=”return———————————————————————————onMouseOveronMouseOver和onMouseOut以下为一个onMouseOver事件的例子。当鼠标移到“程序员”上时,<a onmouseover=”alert(‘AnonMouseOverevent’);”>程序员JavaScriptTry…Catchtry…catch——————————————————————————JavaScript错捕JavaScript“debug?”但是对用户没有用处。当用户看到这些错误时,他们通常会离开这个网页。使用try…catchIE5Mozilla1.0,和NetscapeonerrorNetscape3———————————————————————————Try…Catch语try…catchtry代码,catch语句块中包含当出错时要执行的代码。语{//Runsomecode}{//Handleerrors}trycatch1以下例子包含的原本应该在用户点击按钮时显示信息”欢迎访客!”但是,message()中有一个书写错误,alert()adddlert(),JavaScript出错:<<scriptfunction{ e}<<<<inputtype=”button”value=”Viewmessage”<为了在出错时有更适当的反应,我们可以使用try…catchtry…catch语句。因为alert()拼写错误,一个JavaScript出错发生,但是这次catch语句块会<<scripttype=”text/javascript”>vartxt=”"function{{ e}{txt=”Therewasanerroronthistxt+=”Errordescription:”+err.description+“\n\n”txt+=”ClickOKtocontinue.\n\n”}}<<<<inputtype=”button”value=”Viewmessage”<下面这个例子使用一个确认框显示一条定制信息,告诉用户可以点击Cancel用户点击的是Cancel,那么代码将redirect<<scripttype=”text/javascript”>vartxt=”"function{{ e}{txt=”本页面出错txt+=”OK,\n”txt+=”Cancel\n\n”{.location.href=”}}}<<<<inputtype=”button”value=”Viewmessage”<—————————————————————————onerror事onerroronerror语句来生成一个例外(exception)。throwtry…catchJavaScriptthrowthrow语throw(exception)。结合try…catchexceptionthrowJavaScript1出一个错误。出错会被catch参数捕获,显示适当的出错信息:<<scriptvarx=prompt(“请输入一个0和10{throw“Err1″elseif(x<0)throw“Err2″}{alert(“if(er==“Err2″)alert(“}<<<JavaScriptonerror事使用onerror—————————————————————————onerror我们前面介绍了怎样使用try…catch语句来捕捉页面出错。现在介绍如何使用onerror事件来达到同样的目的。当页面中出现错误时,onerror使用onerror事件,你需要写一个函数来处理这些错误,然后用onerror事件处理器(handler)调用这个函数。这个事件处理器有三个参数:msg(出错信息),urlurl)和line(出错行号)。语function{returntrueor}onerror下

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论