1.javascript的消息框
警告框:alert()
确认框:confirm()
提示框:prompt()
2.For...in
<html>
<body>
<script type="text/javascript" langugae="javascript">
var x
var mybook = new Array()
mybook[0]="组合数学"
mybook[1]="数据挖掘"
mybook[2]="分布式数据库"
for(x in mybook)
{
document.write(mybook[x]+"<br/>")
}
</script>
</body>
</html>
注意几点:(1)js的放置位置:既可以放在<head><script>...</script></head>,也可以放在<body><script>...</script></body>部分。放在head部分是页面载入时脚本同时也载入了,而body部分是调用脚本时才载入。还可以将js写入一个外部文件中,此文件必须以.js后缀保存。然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:
<html>
<head>
<script src="javascript.js">
....
</script>
</head>
</html>
(2)在JavaScript中每行语句的结尾分好是可打可不打的。不打分号每行只能写一句,如果打了分号每行可以写多句。
3.JavaScript的事件
(1)onload:某个页面或图像完成加载
(2)onunload:用户退出页面
onload和onunload事件常用来处理用户进入或离开页面时所建立的Cookies
(3)onfocus:元素获得焦点
(4)onblur:元素失去焦点
(5)onchange:用户改变域的内容
onfocus、onblur和onchange可以配合用户来验证表单,例如:<input type="text" size="30" id="email" onchange="CheckEmail()"/>一旦用户域的内容改变就调用CheckEmail()方法。
(6)onsubmit:提交按钮被点击。可以用来提交表单前验证所有的域,例如:<form method="post" action="index.aspx" onsubmit="return CheckForm()"/>
(7)onmouseover:鼠标被移动
(8)onmouseout:鼠标从某元素移开
onmouseover和onmouseout可以用来创建动态的按钮。
(9)onclick:单击某个对象,OndblClick双击某个对象
(10)onkeypress:某个键盘的键被按下或按住
(11)onerror:加载文档或图像时发生某个错误
4.Try...Catch
两种在网页中捕获错误的方法
(1)使用Try...catch语句
<html>
<head>
<script type="text/javascript">
funciont message()
{
var txt=""
try
{
adddlert("Hello world!");
}
catch(err)
{
var txt="There was an error in this page\n"
txt+=“the error is”+err.description+"\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n";
if(!confirm(txt))
{
document.location.href="http://write.blog.csdn.net/postlist";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
(2)捕获错误的老式方法是onerror事件
5.Throw
声明throw的作用是创建Exception(异常),可以和try...catch一起使用,例如:
<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>
6.onerror事件
只要网页出现错误就会产生onerror事件。如果需要利用onerror事件,就必须创建一个处理错误的函数。可以把这个函数叫做onerror事件处理器(onerror event handler)。这个事件处理器使用三个参数来调用:msg(错误消息)、url(发生错误页面的url)、line(发生错误的行代码)。例如:
<html>
<head>
<script type="text/javascript">
onerror=handleErr
var txt=""
function message()
{
adddlert("hello workd!")
}
function handleErr(msg,url,line)
{
txt="页面中存在错误。\n\n"
txt+="错误:"+msg+"\n"
txt+="URL:"+url+"\n"
txt+="行:"+line+"\n"
txt+="点击”确定“继续。\n\n"
alert(txt)
return true
}
</script>
</head>
<body>
<input type="buttom" value="点击" size="10"onclick="message()"/>
</body>
</html>