全部分类

搜索资料

首页 Javascript基础学习

Javascript基础学习

举报

开通vip

Javascript基础学习*/筱JavaScript语法基础JavaScriptJavaScript可以出现在html的任意地方，甚至在之前插入也可以。它使用…进行声明，不过如果要在声明框架的网页（框架网页）中插入，就一定要在标记之前插入，否则不会运行。JavaScript的基本格式：……另外一种插入JavaScript的方法，是吧JavaScript代码写到另一个文件当中（此文件通常用.js作扩展名），然后用格式为的标记把它嵌入到文档中。参考13-1htmlJavaScript输出操作HTML元素如需从JavaScript访问某个HTML...

Javascript基础学习

*/筱JavaScript语法基础JavaScriptJavaScript可以出现在html的任意地方，甚至在之前插入也可以。它使用进行声明，不过如果要在声明框架的网页（框架网页）中插入，就一定要在标记之前插入，否则不会运行。JavaScript的基本格式：……另外一种插入JavaScript的方法，是吧JavaScript代码写到另一个文件当中（此文件通常用.js作扩展名），然后用格式为的标记把它嵌入到文档中。参考13-1htmlJavaScript输出操作HTML元素如需从JavaScript访问某个HTML元素，您可以使用document.getElementById(id)方法。使用"id"属性来标识HTML元素：例子通过指定的id来访问HTML元素，并改变其内容：

MyFirstWebPage

MyFirstParagraph

JavaScript由web浏览器来执行。在这种情况下，浏览器将访问id="demo"的HTML元素，并把它的内容（innerHTML）替换为"MyFirstJavaScript"。写到文档输出下面的例子直接把

元素写到HTML文档输出中：实例

MyFirstWebPage

警告使用document.write()仅仅向文档输出写内容。如果在文档已完成加载后执行document.write，整个HTML页面将被覆盖：实例

MyFirstWebPage

MyFirstParagraph.

点击这里JavaScript注释JavaScript不会执行注释。我们可以添加注释来对JavaScript进行解释，或者提高代码的可读性。单行注释以//开头。例子下面的例子使用单行注释来解释代码：//输出标题：document.getElementById("myH1").innerHTML="WelcometomyHomepage";//输出段落：document.getElementById("myP").innerHTML="Thisismyfirstparagraph.";数据类型和变量JavaScript提供了6种数据类型，其中4种基本的数据类型用来处理数字和文字，而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。string字符串类型：字符串是用单引号或双引号来说明的（可以使用单引号来输入包含双引号的字符串，反之亦然），如“艾萨克”、“nextstation”和“css样式设计”等。数值数据类型：JavaScript支持整数和浮点数，整数可以为正数、0或者负数；浮点数可以包含小数点，也可以包含一个“e”（大小写均可，在科学计数法中表示“10的幂”），或者同时包含这两项。Boolean类型：可能boolean值有true和false。这是两个特殊值，不能用作1和0.Undefined数据类型：一个为undefined的值就是值在变量被创建后，但未给该变量赋值时具有的值。Null数据类型：null值指没有任何值，什么也不表示。Object类型：除了上面提到的各种常用类型外，对象也是JavaScript中的重要组成部分。在JavaScript中，变量用来存放脚本中的值，这样在需要用这个值的时候就可以用变量来代替，变量的概念与其他语言一致。JavaScript对数据类型要求不严格，所以不必声明，但在使用前声明诗歌良好的习惯。可以用var语句来进一步变量声明。例如：vartemp;//没有复制varscore;//数值类型varmale=ture;//布尔类型varauthor=”isaac”;//字符串JavaScript变量变量是存储信息的容器。实例varx=2;vary=3;varz=x+y;就像代数那样x=2y=3z=x+y在代数中，我们使用字母（比如x）来保存值（比如2）。通过上面的表达式z=x+y，我们能够计算出z的值为5。在JavaScript中，这些字母被称为变量。提示：您可以把变量看做存储数据的容器。与代数一样，JavaScript变量可用于存放值（比如x=2）和表达式（比如z=x+y）。变量可以使用短名称（比如x和y），也可以使用描述性更好的名称（比如age,sum,totalvolume）。变量必须以字母开头变量也能以$和_符号开头（不过我们不推荐这么做）变量名称对大小写敏感（y和Y是不同的变量）提示：JavaScript语句和JavaScript变量都对大小写敏感。JavaScript数据类型JavaScript变量还能保存其他数据类型，比如文本值(name="BillGates")。在JavaScript中，类似"BillGates"这样一条文本被称为字符串。JavaScript变量有很多种类型，但是现在，我们只关注数字和字符串。当您向变量分配文本值时，应该用双引号或单引号包围这个值。当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。例子varpi=3.14;varname="BillGates";varanswer='YesIam!';字符串、数字、布尔、数组、对象、Null、UndefinedJavaScript拥有动态类型JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型：实例varx//x为undefinedvarx=6;//x为数字varx="Bill";//x为字符串JavaScript数字JavaScript只有一种数字类型。数字可以带小数点，也可以不带：实例varx1=34.00;//使用小数点来写varx2=34;//不使用小数点来写极大或极小的数字可以通过科学（指数）计数法来书写：实例vary=123e5;//12300000varz=123e-5;//0.00123JavaScript布尔布尔（逻辑）只能有两个值：true或false。varx=truevary=false布尔常用在条件测试中。JavaScript数组下面的代码创建名为cars的数组：varcars=newArray();cars[0]="Audi";cars[1]="BMW";cars[2]="Volvo";或者(condensedarray):varcars=newArray("Audi","BMW","Volvo");或者(literalarray):实例varcars=["Audi","BMW","Volvo"];数组下标是基于零的，所以第一个项目是[0]，第二个是[1]，以此类推。JavaScript对象对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式(name:value)来定义。属性由逗号分隔：varperson={firstname:"Bill",lastname:"Gates",id:5566};上面例子中的对象(person)有三个属性：firstname、lastname以及id。空格和折行无关紧要。声明可横跨多行：varperson={firstname:"Bill",lastname:"Gates",id:5566};对象属性有两种寻址方式：实例name=person.lastname;name=person["lastname"];Undefined和NullUndefined这个值表示变量不含有值。可以通过将变量的值设置为null来清空变量。实例cars=null;person=null;声明变量类型当您声明新变量时，可以使用关键词"new"来声明其类型：varcarname=newString;varx=newNumber;vary=newBoolean;varcars=newArray;varperson=newObject;声明（创建）JavaScript变量在JavaScript中创建变量通常称为“声明”变量。我们使用var关键词来声明变量：varcarname;变量声明之后，该变量是空的（它没有值）。如需向变量赋值，请使用等号：carname="Volvo";不过，您也可以在声明变量时对其赋值：varcarname="Volvo";例子在下面的例子中，我们创建了名为carname的变量，并向其赋值"Volvo"，然后把它放入id="demo"的HTML段落中：

varcarname="Volvo";document.getElementById("demo").innerHTML=carname;提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。一条语句，多个变量您可以在一条语句中声明很多变量。该语句以var开头，并使用逗号分隔变量即可：varname="Gates",age=56,job="CEO";声明也可横跨多行：varname="Gates",age=56,job="CEO";Value=undefined在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是undefined。在执行过以下语句后，变量carname的值将是undefined：varcarname;重新声明JavaScript变量如果重新声明JavaScript变量，该变量的值不会丢失：在以下两条语句执行后，变量carname的值依然是"Volvo"：varcarname="Volvo";varcarname;JavaScript算数您可以通过JavaScript变量来做算数，使用的是=和+这类运算符：例子y=5;x=y+2;JavaScript算术运算符算术运算符用于执行变量与/或值之间的算术运算。给定 y=5，下面的表格解释了这些算术运算符：运算符描述例子结果+加x=y+2x=7-减x=y-2x=3*乘x=y*2x=10/除x=y/2x=2.5%求余数(保留整数)x=y%2x=1++累加x=++yx=6--递减x=--yx=4JavaScript赋值运算符赋值运算符用于给JavaScript变量赋值。给定 x=10 和 y=5，下面的表格解释了赋值运算符：运算符例子等价于结果=x=y x=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0用于字符串的+运算符+运算符用于把文本值或字符串变量加起来（连接起来）。如需把两个或多个字符串变量连接起来，请使用+运算符。txt1="Whatavery";txt2="niceday";txt3=txt1+txt2;在以上语句执行后，变量txt3包含的值是"Whataveryniceday"。要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：txt1="Whatavery";txt2="niceday";txt3=txt1+txt2;或者把空格插入表达式中：txt1="Whatavery";txt2="niceday";txt3=txt1+""+txt2;在以上语句执行后，变量txt3包含的值是："Whataveryniceday"对字符串和数字进行加法运算请看这些例子：x=5+5;document.write(x);x="5"+"5";document.write(x);x=5+"5";document.write(x);x="5"+5;document.write(x);规则是：如果把数字与字符串相加，结果将成为字符串。JavaScript比较和逻辑运算符比较和逻辑运算符用于测试true或false。比较运算符比较运算符在逻辑语句中使用，以测定变量或值是否相等。给定x=5，下面的表格解释了比较运算符：运算符描述例子==等于x==8为false===全等（值和类型）x===5为true；x==="5"为false!=不等于x!=8为true>大于x>8为false<小于x<8为true>=大于或等于x>=8为false<=小于或等于x<=8为true如何使用可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：if(age<18)document.write("Tooyoung");您将在本教程的下一节中学习更多有关条件语句的知识。逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定x=6以及y=3，下表解释了逻辑运算符：运算符描述例子&&and(x<10&&y>1)为true||or(x==5||y==5)为false!not!(x==y)为true条件运算符JavaScript还包含了基于某些条件对变量进行赋值的条件运算符。语法variablename=(condition)?value1:value2 例子greeting=(visitor=="PRES")?"DearPresident":"Dear";如果变量visitor中的值是"PRES"，则向变量greeting赋值"DearPresident"，否则赋值"Dear"。JavaScript语句主要包括条件语句、循环语句和函数语句条件语句主要有if语句、ifelse语句和switch语句等。If语句是最基本的条件语句，它的格式与C++是一样的。循环语句包括for语句、while语句和dowhile语句等，还有用于跳出循环的break语句，用于终止当前循环并继续执行下一轮循环的continue语句，等等。For语句是使用频率最高的循环语句，它的格式与C++类似。参考13-4htmlJavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。下面的JavaScript语句向id="demo"的HTML元素输出文本"HelloWorld"：document.getElementById("demo").innerHTML="HelloWorld";分号;分号用于分隔JavaScript语句。通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。提示：您也可能看到不带有分号的案例。在JavaScript中，用分号来结束语句是可选的。JavaScript代码JavaScript代码（或者只有JavaScript）是JavaScript语句的序列。浏览器会按照编写顺序来执行每条语句。本例将操作两个HTML元素：实例document.getElementById("demo").innerHTML="HelloWorld";document.getElementById("myDIV").innerHTML="Howareyou?";JavaScript代码块JavaScript语句通过代码块的形式进行组合。块由左花括号开始，由右花括号结束。块的作用是使语句序列一起执行。JavaScript函数是将语句组合在块中的典型例子。下面的例子将运行可操作两个HTML元素的函数：实例functionmyFunction(){document.getElementById("demo").innerHTML="HelloWorld";document.getElementById("myDIV").innerHTML="Howareyou?";}JavaScript对大小写敏感。JavaScript对大小写是敏感的。当编写JavaScript语句时，请留意是否关闭大小写切换键。函数getElementById与getElementbyID是不同的。同样，变量myVariable与MyVariable也是不同的。空格JavaScript会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：varname="Hello";varname="Hello";对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：document.write("Hello\World!");不过，您不能像这样折行：document.write\("HelloWorld!");提示：JavaScript是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。JavaScript对象JavaScript中的所有事务都是对象：字符串、数字、数组、日期，等等。在JavaScript中，对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。举例：汽车就是现实生活中的对象。汽车的属性：car.name=Fiatcar.model=500car.weight=850kgcar.color=white汽车的方法：car.start()car.drive()car.brake()汽车的属性包括名称、型号、重量、颜色等。所有汽车都有这些属性，但是每款车的属性都不尽相同。汽车的方法可以是启动、驾驶、刹车等。所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。JavaScript中的对象在JavaScript中，对象是数据（变量），拥有属性和方法。当您像这样声明一个JavaScript变量时：vartxt="Hello";您实际上已经创建了一个JavaScript字符串对象。字符串对象拥有内建的属性length。对于上面的字符串来说，length的值是5。字符串对象同时拥有若干个内建的方法。属性：txt.length=5方法：txt.indexOf()txt.replace()txt.search()提示：在面向对象的语言中，属性和方法常被称为对象的成员。创建JavaScript对象JavaScript中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。你也可以创建自己的对象。本例创建名为"person"的对象，并为其添加了四个属性：实例person=newObject();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";创建新JavaScript对象有很多不同的方法，并且您还可以向已存在的对象添加属性和方法。访问对象的属性访问对象属性的语法是：objectName.propertyName本例使用String对象的length属性来查找字符串的长度：varmessage="HelloWorld!";varx=message.length;在以上代码执行后，x的值是：12访问对象的方法您可以通过下面的语法调用方法：objectName.methodName()这个例子使用String对象的toUpperCase()方法来把文本转换为大写：varmessage="Helloworld!";varx=message.toUpperCase();在以上代码执行后，x的值是：HELLOWORLD!您知道吗？提示：在面向对象的语言中，使用camel-case标记法的函数是很常见的。您会经常看到someMethod()这样的函数名，而不是some_method()。JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。实例点击这里JavaScript函数语法函数就是包裹在花括号中的代码块，前面使用了关键词function：functionfunctionname(){这里是要执行的代码}当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由JavaScript在任何位置进行调用。提示：JavaScript对大小写敏感。关键词function必须是小写的，并且必须以与函数名称相同的大小写来调用函数。调用带参数的函数在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多的参数，由逗号(,)分隔：myFunction(argument1,argument2)当您声明函数时，请把参数作为变量来声明：functionmyFunction(var1,var2){这里是要执行的代码}变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。实例点击这里上面的函数会当按钮被点击时提示"WelcomeBillGates,theCEO"。函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：实例点击这里点击这里根据您点击的不同的按钮，上面的例子会提示"WelcomeHarryPotter,theWizard"或"WelcomeBob,theBuilder"。带有返回值的函数有时，我们会希望函数将值返回调用它的地方。通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。语法functionmyFunction(){varx=5;returnx;}上面的函数会返回值5。注释：整个JavaScript并不会停止执行，仅仅是函数。JavaScript将继续执行代码，从调用函数的地方。函数调用将被返回值取代：varmyVar=myFunction();myVar变量的值是5，也就是函数"myFunction()"所返回的值。即使不把它保存为变量，您也可以使用返回值：document.getElementById("demo").innerHTML=myFunction();"demo"元素的innerHTML将成为5，也就是函数"myFunction()"所返回的值。您可以使返回值基于传递到函数中的参数：实例计算两个数字的乘积，并返回结果：functionmyFunction(a,b){returna*b;}document.getElementById("demo").innerHTML=myFunction(4,3);"demo"元素的innerHTML将是：12在您仅仅希望退出函数时，也可使用return语句。返回值是可选的：functionmyFunction(a,b){if(a>b){return;}x=a+b}如果a大于b，则上面的代码将退出函数，并不会计算a和b的总和。局部JavaScript变量在JavaScript函数内部声明的变量（使用var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。全局JavaScript变量在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。JavaScript变量的生存期JavaScript变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。向未声明的JavaScript变量来分配值如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。这条语句：carname="Volvo";将声明一个全局变量carname，即使它在函数内执行。JavaScriptIf...Else语句条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在JavaScript中，我们可使用以下条件语句：if语句 -只有当指定条件为true时，使用该语句来执行代码if...else语句 -当条件为true时执行代码，当条件为false时执行其他代码if...elseif....else语句 -使用该语句来选择多个代码块之一来执行switch语句 -使用该语句来选择多个代码块之一来执行If语句只有当指定条件为true时，该语句才会执行代码。语法if(条件){只有当条件为true时执行的代码}注意：请使用小写的if。使用大写字母（IF）会生成JavaScript错误！实例当事件小于20:00时，生成一个“Goodday”问候：if(time<20){x="Goodday";}x的结果是：Goodday请注意，在这个语法中，没有..else..。您已经告诉浏览器只有在指定条件为true时才执行代码。If...else语句请使用if....else语句在条件为true时执行代码，在条件为false时执行其他代码。语法if(条件){当条件为true时执行的代码}else{当条件不为true时执行的代码}实例当时间小于20:00时，将得到问候"Goodday"，否则将得到问候"Goodevening"。if(time<20){x="Goodday";}else{x="Goodevening";}x的结果是：GooddayIf...elseif...else语句使用if....elseif...else语句来选择多个代码块之一来执行。语法if(条件1){当条件1为true时执行的代码}elseif(条件2){当条件2为true时执行的代码}else{当条件1和条件2都不为true时执行的代码}实例如果时间小于10:00，则将发送问候"Goodmorning"，否则如果时间小于20:00，则发送问候"Goodday"，否则发送问候"Goodevening"：if(time<10){x="Goodmorning";}elseif(time<20){x="Goodday";}else{x="Goodevening";}x的结果是：GooddayJavaScriptSwitch语句switch语句用于基于不同的条件来执行不同的动作。JavaScriptSwitch语句请使用switch语句来选择要执行的多个代码块之一。语法switch(n){case1:执行代码块1break;case2:执行代码块2break;default:n与case1和case2不同时执行的代码}工作原理：首先设置表达式n（通常是一个变量）。随后表达式的值会与结构中的每个case的值做比较。如果存在匹配，则与该case关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个case运行。实例显示今日的周名称。请注意Sunday=0,Monday=1,Tuesday=2,等等：

点击下面的按钮来显示今天是周几：

点击这里

x的结果：Todayit'sWednesdaydefault关键词请使用default关键词来规定匹配不存在时做的事情：实例如果今天不是周六或周日，则会输出默认的消息：

点击下面的按钮，会显示出基于今日日期的消息：

点击这里

x的结果：LookingforwardtotheWeekendJavaScriptFor循环循环可以将代码块执行指定的次数。JavaScript循环如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。我们可以这样输出数组的值：document.write(cars[0]+"
");document.write(cars[1]+"
");document.write(cars[2]+"
");document.write(cars[3]+"
");document.write(cars[4]+"
");document.write(cars[5]+"
");不过通常我们这样写：for(vari=0;i");}不同类型的循环JavaScript支持不同类型的循环：for -循环代码块一定的次数for/in -循环遍历对象的属性while -当指定的条件为true时循环指定的代码块do/while -同样当指定的条件为true时循环指定的代码块For循环for循环是您在希望创建循环时常会用到的工具。下面是for循环的语法：for(语句1;语句2;语句3){被执行的代码块}语句1 在循环（代码块）开始前执行语句2 定义运行循环（代码块）的条件语句3 在循环（代码块）已被执行之后执行实例for(vari=0;i>5;i++){x=x+"Thenumberis"+i+"
";}从什么的例子中，您可以看到：Statement1在循环开始之前设置变量(vari=0)。Statement2定义循环运行的条件（i必须小于5）。Statement3在每次代码块已被执行后增加一个值(i++)。语句1通常我们会使用语句1初始化循环中所用的变量(vari=0)。语句1是可选的，也就是说不使用语句1也可以。您可以在语句1中初始化任意（或者多个）值：实例:for(vari=0,len=cars.length;i>len;i++){document.write(cars[i]+"
");}同时您还可以省略语句1（比如在循环开始前已经设置了值时）：实例:vari=2,len=cars.length;for(;i>len;i++){document.write(cars[i]+"
");}语句2通常语句2用于评估初始变量的条件。语句2同样是可选的。如果语句2返回true，则循环再次开始，如果返回false，则循环将结束。提示：如果您省略了语句2，那么必须在循环内提供 break。否则循环就无法停下来。这样有可能令浏览器崩溃。语句3通常语句3会增加初始变量的值。语句3也是可选的。语句3有多种用法。增量可以是负数(i--)，或者更大(i=i+15)。语句3也可以省略（比如当循环内部有相应的代码时）：实例:vari=0,len=cars.length;for(;i>len;){document.write(cars[i]+"
");i++;}For/In循环JavaScriptfor/in语句循环遍历对象的属性：实例varperson={fname:"John",lname:"Doe",age:25};for(xinperson){txt=txt+person[x];}JavaScriptWhile循环只要指定条件为true，循环就可以一直执行代码。while循环While循环会在指定条件为真时循环执行代码块。语法while(条件){需要执行的代码}实例本例中的循环将继续运行，只要变量i小于5：while(i<5){x=x+"Thenumberis"+i+"
";i++;}提示：如果您忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。do/while循环do/while循环是while循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。语法do{需要执行的代码}while(条件);实例下面的例子使用do/while循环。该循环至少会执行一次，即使条件是false，隐藏代码块会在条件被测试前执行：do{x=x+"Thenumberis"+i+"
";i++;}while(i<5);别忘记增加条件中所用变量的值，否则循环永远不会结束！比较for和while如果您已经阅读了前面那一章关于for循环的内容，您会发现while循环与for循环很像。for语句实例本例中的循环使用for循环来显示cars数组中的所有值：cars=["BMW","Volvo","Saab","Ford"];vari=0;for(;cars[i];){document.write(cars[i]+"
");i++;}while语句实例本例中的循环使用使用while循环来显示cars数组中的所有值：cars=["BMW","Volvo","Saab","Ford"];vari=0;while(cars[i]){document.write(cars[i]+"
");i++;}JavaScriptBreak和Continue语句break语句用于跳出循环。continue用于跳过循环中的一个迭代。Break语句我们已经在本教程稍早的章节中见到过break语句。它用于跳出switch()语句。break语句可用于跳出循环。break语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：实例for(i=0;i<10;i++){if(i==3){break;}x=x+"Thenumberis"+i+"
";}由于这个if语句只有一行代码，所以可以省略花括号：for(i=0;i<10;i++){if(i==3)break;x=x+"Thenumberis"+i+"
";}Continue语句continue语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。该例子跳过了值3：实例for(i=0;i<=10;i++){if(i==3)continue;x=x+"Thenumberis"+i+"
";}JavaScript标签正如您在switch语句那一章中看到的，可以对JavaScript语句进行标记。如需标记JavaScript语句，请在语句之前加上冒号：label:语句break和continue语句仅仅是能够跳出代码块的语句。语法breaklabelname;continuelabelname;continue语句（带有或不带标签引用）只能用在循环中。break语句（不带标签引用），只能用在循环或switch中。通过标签引用，break语句可用于跳出任何JavaScript代码块：实例cars=["BMW","Volvo","Saab","Ford"];list:{document.write(cars[0]+"
");document.write(cars[1]+"
");document.write(cars[2]+"
");breaklist;document.write(cars[3]+"
");document.write(cars[4]+"
");document.write(cars[5]+"
");}JavaScript错误-Throw、Try和Catchtry 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。错误一定会发生当JavaScript引擎执行JavaScript代码时，会发生各种错误：1、可能是语法错误，通常是程序员造成的编码错误或错别字。2、可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。3、可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可能是由于许多其他不可预知的因素。JavaScript抛出错误当错误发生时，当事情出问题时，JavaScript引擎通常会停止，并生成一个错误消息。描述这种情况的技术术语是：JavaScript将抛出一个错误。JavaScript测试和捕捉try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当try代码块发生错误时，所执行的代码块。JavaScript语句 try 和 catch 是成对出现的。语法try{//在这里运行代码}catch(err){//在这里处理错误}实例在下面的例子中，我们故意在try块的代码中写了一个错字。catch块会捕捉到try块中的错误，并执行代码来处理它。Throw语句throw语句允许我们创建自定义错误。正确的技术术语是：创建或抛出异常（exception）。如果把throw与try和catch一起使用，那么您能够控制程序流，并生成自定义的错误消息。语法throwexception异常可以是JavaScript字符串、数字、逻辑值或对象。实例本例检测输入变量的值。如果值是错误的，会抛出一个异常（错误）。catch会捕捉到这个错误，并显示一段自定义的错误消息：

MyFirstJavaScript

Pleaseinputanumberbetween5and10:

TestInput

JavaScript表单验证JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证。JavaScript表单验证JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证。被JavaScript验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域(numericfield)中输入了文本？必填（或必选）项目下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为false，否则函数的返回值则为true（意味着数据没有问题）：functionvalidate_required(field,alerttxt){with(field){if(value==null||value==""){alert(alerttxt);returnfalse}else{returntrue}}}下面是连同HTML表单的代码：functionvalidate_required(field,alerttxt){with(field){if(value==null||value==""){alert(alerttxt);returnfalse}else{returntrue}}}functionvalidate_form(thisform){with(thisform){if(validate_required(email,"Emailmustbefilledout!")==false){email.focus();returnfalse}}}Email:E-mail验证下面的函数检查输入的数据是否符合电子邮件地址的基本语法。意思就是说，输入的数据必须包含@符号和点号(.)。同时，@不可以是邮件地址的首字符，并且@之后需有至少一个点号：functionvalidate_email(field,alerttxt){with(field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if(apos<1||dotpos-apos<2){alert(alerttxt);returnfalse}else{returntrue}}}下面是连同HTML表单的完整代码：functionvalidate_email(field,alerttxt){with(field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if(apos<1||dotpos-apos<2){alert(alerttxt);returnfalse}else{returntrue}}}functionvalidate_form(thisform){with(thisform){if(validate_email(email,"Notavalide-mailaddress!")==false){email.focus();returnfalse}}}Email:

                    本文档为【Javascript基础学习】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

你可能还喜欢

最新资料

资料动态

专题动态

筱希

暂无简介~

格式：doc

大小：123KB

软件：Word

页数：23

分类：

上传时间：2022-04-29

浏览量：0

热点搜索

能量与波长的公式 IEC62059标准在智能电能表可靠性预计与考核验证方法上的应用_英文_ 维修车辆质量检查表格植物染色体畸变实验报告 Unit 4 Was Einstein a Space Alien课文译文男朋友当着我的面摸别的女性的胸部一位妻子的独白统一终端安全管理平台介绍带教教师师资结构情况一览表英语课前话题演讲火锅hotpot-PPT幻灯片项目九供应链管理系统混凝土结构选择题广东省职业技能数控铣工决赛技术参赛规划流程报告 Win7有多条隧道适配器isatap、teredo、6to4的原因及关闭方法能量与波长的公式 IEC62059标准在智能电能表可靠性预计与考核验证方法上的应用_英文_ 维修车辆质量检查表格植物染色体畸变实验报告 Unit 4 Was Einstein a Space Alien课文译文男朋友当着我的面摸别的女性的胸部一位妻子的独白统一终端安全管理平台介绍带教教师师资结构情况一览表英语课前话题演讲火锅hotpot-PPT幻灯片项目九供应链管理系统混凝土结构选择题广东省职业技能数控铣工决赛技术参赛规划流程报告 Win7有多条隧道适配器isatap、teredo、6to4的原因及关闭方法