初学javascript笔记
本文适合于初学者，内容摘自www.w3school.com.cn
1.当页面载入时，会执行位于 body 部分的 JavaScript。当被调用时，位于 head 部分的 JavaScript 才会被执行。
javascript方法声明和调用
1 <html>
2 <head>
3 <script type="text/javascript">
4 function message()
5 {
6 alert("该提示框是通过 onload 事件调用的。")
7 }
8 </script>
9 </head>
10
11 <body onload="message()">
12
13 </body>
14 </html>
2.外部调用js文件 <script src="/js/*.js"></script> 放入body里面
3.分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾。
4.用“//”进行注释，用/*...*/进行多行注释
5.JavaScript 变量名称的规则：
变量对大小写敏感
变量必须以字母或下划线开始
6.如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。
var x=5;
var x;
在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被重置或清除。
7.如需把两个或多个字符串变量连接起来，请使用 + 运算符。
8.“==“ 等于 "==="全等(值和类型)
9.逻辑运算符(&&,||,!)
10.variablename=(condition)?value1:value2 成立前者，否则后者
11.var r=Math.random()
12.var d=new Date() var time=d.getHours()
13.switch 后面的 (n) 可以是表达式，也可以（并通常）是变量。break 的作用是防止代码自动执行到下一行。switch 最后用 "default"
14.
button调用
1 <html>
2 <head>
3 <script type="text/javascript">
4 function disp_alert()
5 {
6 alert("我是警告框！！")
7 }
8 </script>
9 </head>
10 <body>
11
12 <input type="button" onclick="disp_alert()" value="显示警告框" />
13
14 </body>
15 </html>
button确认
1 <html>
2 <head>
3 <script type="text/javascript">
4 function show_confirm()
5 {
6 var r=confirm("Press a button!");
7 if (r==true)
8 {
9 alert("You pressed OK!");
10 }
11 else
12 {
13 alert("You pressed Cancel!");
14 }
15 }
16 </script>
17 </head>
18 <body>
19
20 <input type="button" onclick="show_confirm()" value="Show a confirm box" />
21
22 </body>
23 </html>
button提示框
1 <html>
2 <head>
3 <script type="text/javascript">
4 function disp_prompt()
5 {
6 var name=prompt("请输入您的名字","Bill Gates")
7 if (name!=null && name!="")
8 {
9 document.write("你好！" + name + " 今天过得怎么样？")
10 }
11 }
12 </script>
13 </head>
14 <body>
15
16 <input type="button" onclick="disp_prompt()" value="显示提示框" />
17
18 </body>
19 </html>
15.while (变量<=结束值)
{
需执行的代码
}
do
{
需执行的代码
} while (变量<=结束值)
16.break 终止循环 continue 终止本次循环
break
1 <html>
2 <body>
3 <script type="text/javascript">
4 var i=0
5 for (i=0;i<=10;i++)
6 {
7 if (i==3){break}
8 document.write("The number is " + i)
9 document.write("<br />")
10 }
11 </script>
12 </body>
13 </html>
14
15
16 result:
17
18 The number is 0
19 The number is 1
20 The number is 2
continue
1 <html>
2 <body>
3 <script type="text/javascript">
4 var i=0
5 for (i=0;i<=10;i++)
6 {
7 if (i==3){continue}
8 document.write("The number is " + i)
9 document.write("<br />")
10 }
11 </script>
12 </body>
13 </html>
14
15 result:
16
17 The number is 0
18 The number is 1
19 The number is 2
20 The number is 4
21 The number is 5
22 The number is 6
23 The number is 7
24 The number is 8
25 The number is 9
26 The number is 10
17.For...In 声明用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
For...in
1 <html>
2 <body>
3
4 <script type="text/javascript">
5 var x
6 var mycars = new Array()
7 mycars[0] = "Saab"
8 mycars[1] = "Volvo"
9 mycars[2] = "BMW"
10
11 for (x in mycars)
12 {
13 document.write(mycars[x] + "<br />")
14 }
15 </script>
16
17 </body>
18 </html>
18.onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
用户一旦改变了域的内容，checkEmail() 函数就会被调用。
<input type="text" size="30" id="email" onchange="checkEmail()">
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver 和 onMouseOut
19.try...catch
try…catch
1 <html>
2 <head>
3 <script type="text/javascript">
4 var txt=""
5 function message()
6 {
7 try
8 {
9 adddlert("Welcome guest!")
10 }
11 catch(err)
12 {
13 txt="本页中存在错误。\n\n"
14 txt+="错误描述：" + err.description + "\n\n"
15 txt+="点击“确定”继续。\n\n"
16 alert(txt)
17 }
18 }
19 </script>
20 </head>
21
22 <body>
23 <input type="button" value="查看消息" onclick="message()" />
24 </body>
25
26 </html>
确认框及链接
if(!confirm(txt))
{
document.location.href="http://www.w3school.com.cn/"
}
}
20.chrome、opera 和 safari 浏览器不支持 onerror 事件。
21.抛出
throw
<html>
<body>
<script type="text/javascript">
var x=prompt("请输入 0 至 10 之间的数：","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er)
{
if(er=="Err1")
alert("错误！该值太大！")
if(er == "Err2")
alert("错误！该值太小！")
if(er == "Err3")
alert("错误！该值不是数字！")
}
</script>
</body>
</html>
异常
throw
<html>
<body>
<script type="text/javascript">
var x=prompt("请输入 0 至 10 之间的数：","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er)
{
if(er=="Err1")
alert("错误！该值太大！")
if(er == "Err2")
alert("错误！该值太小！")
if(er == "Err3")
alert("错误！该值不是数字！")
}
</script>
</body>
</html>
22.可以在文本字符串内部使用反斜杠对代码进行折行
document.write("Hello \
World!")
