很渴望快速学习完成项目,不希望花费太多的时间来学习一门语言,虽然本文没有详细介绍特性但是以下
代码运行就足以理解JavaScript语法,观察以下代码,复制到文本中用浏览器打开。
JavaScript是大小写敏感的, 这里我们快速的了解它的语法
作为入门练习可以每个代码自行敲打一遍。
1:break 语句
<Script> var i = 5; while ( i > 0 ) { if ( i == 3 ) break; document.write("i = " ,i ,"<BR>"); i--; } </Script>
<Script> var i = 5; while ( i > 0 ) { i--; if ( i == 3 ) continue; document.write("i = " ,i ,"<BR>"); } </Script>
<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>
<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>
<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>
<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>
<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=handleErr var 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>