第一章：JavaScript基础---（二）基础语法

来源：互联网发布：linux常用命令mv 编辑：程序博客网时间：2024/04/25 12:04

很渴望快速学习完成项目，不希望花费太多的时间来学习一门语言，虽然本文没有详细介绍特性但是以下

代码运行就足以理解JavaScript语法，观察以下代码，复制到文本中用浏览器打开。

JavaScript是大小写敏感的，这里我们快速的了解它的语法

作为入门练习可以每个代码自行敲打一遍。

1：break 语句

<Script> var i = 5;while ( i > 0 ) {    if ( i == 3 ) break;    document.write("i = " ,i ,"<BR>");    i--;} </Script>

2：continue语句

<Script> var i = 5;while ( i > 0 ) {    i--;     if ( i == 3 ) continue;     document.write("i = " ,i ,"<BR>"); } </Script>

3：switch 语句

<br>格式：<br><br>switch (<表达式>) {<br>    case <数值1>:<语句组1><br>                 break;<br>    case <数值2>:<语句组2><br>                 break;<br>    ...<br>    default <语句组> <br>} <br><br><br><Script> function greet(givenSex) { if(window.event.keyCode==13){         switch(givenSex) {               case "男" : alert("帅哥你好啊！");                  break;              case "女" : alert("美女你好啊！");                  break;               default:{                  alert("你输入的性别类型有错误！");                 }              }     }     }</Script> 请输入性别 男  女  或其他 后按回车：<INPUT TYPE="text" onKeydown="greet(this)">

4：数组变量

<Script> var fruit = new Array("苹果", "梨子", "橘子");var i;for (i=0; i < fruit.length; i++) {    document.write("fruit [", i, "] = ", fruit[i], "<br>")}</Script>

5：二维数组

<Script> var fruit = new Array(3);fruit[0] = new Array("苹果", 2);fruit[1] = new Array("梨子", 4);fruit[2] = new Array("橘子", 2);for (i=0; i < fruit.length; i++) {  for (j=0; j < fruit[0].length; j++) {    document.write("fruit [", i, "][", j, "] = ", fruit[i][j],"<br>");  }  document.write("<br>");}</Script>

6：try..........catch.......语句

<a href="http://www.w3school.com.cn/js/js_try_catch.asp"><li>点击查看链接</li></a><br>try<br>{<br>   //在此运行代码<br>}<br>catch(err)<br>{<br>   //在此处理错误<br>}<br><br><html><head><script type="text/javascript">var txt=""function message(){try  {   //调用未定义的方法  adddlert("Welcome guest!")  }catch(err)  {  txt="有一个错误在这页.\n\n"  txt+="单击确定继续查看此页,\n"  txt+="或取消返回到主页.\n\n"  if(!confirm(txt))    {    document.location.href="http://www.w3school.com.cn/"    }  }}</script></head><body><input type="button" value="View message" onclick="message()" /></body></html>

7：throw 语句

<a href="http://www.w3school.com.cn/js/js_try_catch.asp"><li>点击查看链接</li></a><br><br>Throw 声明<br>throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使<br>用，以达到控制程序流并产生精确错误消息的目的。<br>语法：<br>throw(exception)<br><br><html><body><script type="text/javascript">var x=prompt("Enter a number between 0 and 10:","")try{ if(x>10) throw "Err1"else if(x<0)throw "Err2"} catch(er){if(er=="Err1") alert("Error! The value is too high")if(er == "Err2") alert("Error! The value is too low") }</script></body></html>

8：oneError

<a href="http://www.w3school.com.cn/js/js_onerror.asp"><li>点击阅读完整完整文档</li><html><head><script type="text/javascript">/*实例onerror 事件如何使用 onerror 事件捕获网页中的错误。（chrome、opera、safari 浏览器不支持）onerror 事件我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。只要页面中出现脚本错误，就会产生 onerror 事件。如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。*/onerror=handleErrvar txt=""function handleErr(msg,url,l){txt="There was an error on this page.\n\n"txt+="Error: " + msg + "\n"txt+="URL: " + url + "\n"txt+="Line: " + l + "\n\n"txt+="Click OK to continue.\n\n"alert(txt)return true}function message(){adddlert("Welcome guest!")}</script></head><body><input type="button" value="View message" onclick="message()" /></body></html>

9：拆行

<br>换行<br>您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的：<br>document.write("Hello \<br>World!")<br>但是不能像这样折行：<br>document.write \<br>("Hello World!")<br><br><br><br><br><Script>  document.write("Hello \  World!")</Script>

10：转义字符

<Script>var txt1="We are the so-called 'Vikings' from the north."document.write(txt1)var txt2="We are the so-called \"Vikings\" from the north."document.write(txt2)document.write ("You \& me are singing!") </Script><a href="http://www.w3school.com.cn/js/js_special_characters.asp"><li>点击阅读转义字符文档</li></a><a href="http://www.189works.com/article-89990-1.html"><li>点击查看HTML5中特殊符号</li></a>