JavaScript的重要基础知识点

72 阅读 0 评论 48 点赞

我是靠谱客的博主傲娇钢笔，最近开发中收集的这篇文章主要介绍JavaScript的重要基础知识点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.javascript的消息框

警告框：alert()

确认框：confirm()

提示框：prompt()

2.For...in

<html>

<body>

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>

</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" οnchange="CheckEmail()"/>一旦用户域的内容改变就调用CheckEmail()方法。

（6）onsubmit：提交按钮被点击。可以用来提交表单前验证所有的域，例如：<form method="post" action="index.aspx" οnsubmit="return CheckForm()"/>

（7）onmouseover：鼠标被移动

（8）onmouseout：鼠标从某元素移开

onmouseover和onmouseout可以用来创建动态的按钮。

（9）onclick：单击某个对象，OndblClick双击某个对象

（10）onkeypress：某个键盘的键被按下或按住

（11）onerror：加载文档或图像时发生某个错误

4.Try...Catch

两种在网页中捕获错误的方法

（1）使用Try...catch语句

<html>

<head>

funciont message()

{

var txt=""

try

{

adddlert("Hello world!");

}

catch(err)

{

var txt="There was an error in this pagen"

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>

</body>

</html>

（2）捕获错误的老式方法是onerror事件

5.Throw

声明throw的作用是创建Exception（异常），可以和try...catch一起使用，例如：

<html>

<body>

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">
οnerrοr=handleErr
var txt=""
function message()
{
adddlert("hello workd!")
}
function handleErr(msg,url,line)
{
txt="页面中存在错误。nn"
txt+="错误："+msg+"n"
txt+="URL："+url+"n"
txt+="行："+line+"n"
txt+="点击”确定“继续。nn"
alert(txt)
return true
}
</script>
</head>
<body>
<input type="buttom" value="点击" size="10"οnclick="message()"/>
</body>
</html>