JavaScript容易忽略的几点内容
发布时间：2016-10-31 16:17:20 来源：51推一把
【摘要】JavaScript 是属于网络的脚本语言！
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
1.重新声明 JavaScript 变量
如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。
例如：
var x=5;
var x;
在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x的值不会被重置或清除。
2.如果把数字与字符串相加，结果将成为字符串。
例如：
x=5+5;
document.write(x); //10
x="5"+"5";
document.write(x); //55
x=5+"5";
document.write(x); //55
x="5"+5;
document.write(x); //55
3.可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
实例:
警告框 alert("文本")
警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。
确认框 confirm("文本")
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
提示框 prompt("文本","默认值")
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
4.js常用循环
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
需执行的代码
}
while (变量<=结束值)
{
需执行的代码
}
do
{
需执行的代码
}
while (变量<=结束值)
do...while 循环为执行至少一遍其中的代码，即使条件为 false，因为其中的代码执行后才会进行条件验证。
有两种可以用在循环中的语句：break 和 continue。
break 命令可以终止循环的运行，然后继续执行循环之后的代码（如果循环之后有代码的话）。
continue 命令会终止当前的循环，然后从下一个值继续运行。
For...In 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
for (变量 in 对象)
{
在此执行代码
}
5.事件
onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。
onFocus 获得焦点
onBlur 失去焦点时
onChange 变更时
<input type="text" size="30" id="email" onchange="checkEmail()">
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit 提交事件
下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时，checkForm() 函数就会被调用。假若域的值无效，此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false
。如果返回值为true，则提交表单，反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver 鼠标移到目标上
onMouseOut 鼠标移开时
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
6.在网页中捕获错误的方法
使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
语法：
try
{
//在此运行代码
}
catch(err)
{
//在此处理错误
}注意：try...catch 使用小写字母。大写字母会出错。
Throw 声明
throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。
语法：
throw(exception)exception 可以是字符串、整数、逻辑值或者对象。
实例
下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。
<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>
onerror 事件
我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。
只要页面中出现脚步错误，就会产生 onerror 事件。
如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）
、url（发生错误的页面的 url）、line（发生错误的代码行）。
语法：
onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。
实例：
下面的例子展示如何使用 onerror 事件来捕获错误：
<script type="text/javascript">
onerror=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>
<input type="button" value="View message" onclick="message()" />
7.使用反斜杠来向文本字符串添加特殊字符。
代码 输出
\ 单引号
\" 双引号
\& 和号
\\ 反斜杠
\n 换行符
\r 回车符
\t 制表符
\b 退格符
\f 换页符
8.代码换行
您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的：
document.write("Hello \
World!")但是不能像这样折行：
document.write \
("Hello World!")
9.面向对象编程
JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。
注意：对象只是一种特殊的数据。对象拥有属性和方法。
属性指与对象有关的值。
方法指对象可以执行的行为（或者可以完成的功能）。
字符串对象
var txt="Hello world!"
document.write(txt.length) //用长度属性来计算字符串的长度
document.write(txt.toUpperCase()) //toUpperCase()方法来显示大写字母文本
字符串(String)对象
计算字符串的长度
如何使用长度属性来计算字符串的长度。
为字符串添加样式
如何为字符串添加样式。
indexOf() 方法
如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
match() 方法
如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。
如何替换字符串中的字符 - replace()
如何使用 replace() 方法在字符串中用某些字符替换另一些字符。
10.HTML DOM
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。
例如：
var x=5;
var x;
在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x的值不会被重置或清除。
2.如果把数字与字符串相加，结果将成为字符串。
例如：
x=5+5;
document.write(x); //10
x="5"+"5";
document.write(x); //55
x=5+"5";
document.write(x); //55
x="5"+5;
document.write(x); //55
3.可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
实例:
警告框 alert("文本")
警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。
确认框 confirm("文本")
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
提示框 prompt("文本","默认值")
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
4.js常用循环
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
需执行的代码
}
while (变量<=结束值)
{
需执行的代码
}
do
{
需执行的代码
}
while (变量<=结束值)
do...while 循环为执行至少一遍其中的代码，即使条件为 false，因为其中的代码执行后才会进行条件验证。
有两种可以用在循环中的语句：break 和 continue。
break 命令可以终止循环的运行，然后继续执行循环之后的代码（如果循环之后有代码的话）。
continue 命令会终止当前的循环，然后从下一个值继续运行。
For...In 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
for (变量 in 对象)
{
在此执行代码
}
5.事件
onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。
onFocus 获得焦点
onBlur 失去焦点时
onChange 变更时
<input type="text" size="30" id="email" onchange="checkEmail()">
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit 提交事件
下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时，checkForm() 函数就会被调用。假若域的值无效，此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false
。如果返回值为true，则提交表单，反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver 鼠标移到目标上
onMouseOut 鼠标移开时
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
6.在网页中捕获错误的方法
使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)
语法：
try
{
//在此运行代码
}
catch(err)
{
//在此处理错误
}注意：try...catch 使用小写字母。大写字母会出错。
Throw 声明
throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。
语法：
throw(exception)exception 可以是字符串、整数、逻辑值或者对象。
实例
下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。
<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>
onerror 事件
我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。
只要页面中出现脚步错误，就会产生 onerror 事件。
如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）
、url（发生错误的页面的 url）、line（发生错误的代码行）。
语法：
onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。
实例：
下面的例子展示如何使用 onerror 事件来捕获错误：
<script type="text/javascript">
onerror=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>
<input type="button" value="View message" onclick="message()" />
7.使用反斜杠来向文本字符串添加特殊字符。
代码 输出
\ 单引号
\" 双引号
\& 和号
\\ 反斜杠
\n 换行符
\r 回车符
\t 制表符
\b 退格符
\f 换页符
8.代码换行
您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的：
document.write("Hello \
World!")但是不能像这样折行：
document.write \
("Hello World!")
9.面向对象编程
JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。
注意：对象只是一种特殊的数据。对象拥有属性和方法。
属性指与对象有关的值。
方法指对象可以执行的行为（或者可以完成的功能）。
字符串对象
var txt="Hello world!"
document.write(txt.length) //用长度属性来计算字符串的长度
document.write(txt.toUpperCase()) //toUpperCase()方法来显示大写字母文本
字符串(String)对象
计算字符串的长度
如何使用长度属性来计算字符串的长度。
为字符串添加样式
如何为字符串添加样式。
indexOf() 方法
如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
match() 方法
如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。
如何替换字符串中的字符 - replace()
如何使用 replace() 方法在字符串中用某些字符替换另一些字符。
10.HTML DOM
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。