很渴望快速学习完成项目,不希望花费太多的时间来学习一门语言,虽然本文没有详细介绍特性但是以下
代码运行就足以理解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" οnclick="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(发生错误的代码行)。*/
οnerrοr=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" οnclick="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>