JavaScript的重要基础知识点
2012-03-14 21:57
253 查看
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>
警告框：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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript重要基础知识点（二）
- Javascript重要基础知识点（四）
- Javascript重要基础知识点（五）
- JavaScript 开发者经常忽略或误用的七个基础知识点
- JavaScript基础知识的总结
- javascript-基础知识
- JavaScript基础知识1
- JavaScript基础知识3
- Javascript J更深层次的理解avascript 基础知识
- Javascript 基础知识
- JavaScript基础知识点
- javascript基础知识的重要性
- 非常重要 却被世人忽略的Java基础知识
- javaScript基础知识集锦
- 好好回顾javascript基础知识
- JavaScript第二课基础知识
- javascript难解基础知识
- JavaScript基础（一）--基础知识归纳
- JavaScript 语言基础知识点总结（思维导图）
- javascript基础知识精华笔记汇总