学步园

什么是 JavaScript？

• JavaScript 被设计用来向 HTML 页面添加交互行为。
• JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
• JavaScript 由数行可执行计算机代码组成。
• JavaScript 通常被直接嵌入 HTML 页面。
• JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
• 所有的人无需购买许可证均可使用 JavaScript。

 

document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。

 

当页面载入时，会执行位于 body 部分的 JavaScript。

当被调用时，位于 head 部分的 JavaScript 才会被执行。

 

JavaScript 注释

可以添加注释来对 JavaScript 进行解释，或者提高其可读性。

单行的注释以 // 开始。

 

JavaScript 多行注释

多行注释以 /* 开头，以 */ 结尾。

 

JavaScript 变量名称的规则：

• 变量对大小写敏感（y 和 Y 是两个不同的变量）
• 变量必须以字母或下划线开始

注释：由于 JavaScript 对大小写敏感，变量名也对大小写敏感。

 

声明（创建） JavaScript 变量

在 JavaScript 中创建变量经常被称为“声明”变量。

您可以通过 var 语句来声明 JavaScript 变量：

var x;
var carname;

重新声明 JavaScript 变量
如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。
var x=5;
var x;

在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被重置或清除。
 


运算符 = 用于赋值。
运算符 + 用于加值。


运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
y=5;
z=2;
x=y+z;


JavaScript 算术运算符
算术运算符用于执行变量与/或值之间的算术运算。
给定 y=5，下面的表格解释了这些算术运算符：



运算符
描述
例子
结果


+
加
x=y+2 
x=7 


-
减
x=y-2
x=3


*
乘
x=y*2
x=10


/
除
x=y/2
x=2.5


%
求系数 (保留整数)
x=y%2
x=1


++
累加
x=++y
x=6 


--
递减
x=--y
x=4 


JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
给定 x=10 和 y=5，下面的表格解释了赋值运算符：



运算符
例子
等价于
结果


=
x=y
 
x=5


+=
x+=y
x=x+y
x=15


-=
x-=y
x=x-y
x=5


*=
x*=y
x=x*y
x=50


/=
x/=y
x=x/y
x=2


%=
x%=y
x=x%y
x=0


用于字符串的 + 运算符
+ 运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。

规则是：
如果把数字与字符串相加，结果将成为字符串。
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。
给定 x=5，下面的表格解释了比较运算符：



运算符
描述
例子


==
等于
x==8 为 false


===
全等（值和类型）
x===5 为 true；x==="5" 为 false


!=
不等于
x!=8 为 true


>
大于
x>8 为 false


<
小于
x<8 为 true


>=
大于或等于
x>=8 为 false


<=
小于或等于
x<=8 为 true


逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
给定 x=6 以及 y=3，下表解释了逻辑运算符：



运算符
描述
例子


&&
and
(x < 10 && y > 1) 为 true


||
or
(x==5 || y==5) 为 false


!
not
!(x==y) 为 true


条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法
variablename=(condition)?value1:value2 
 

if 语句

在一个指定的条件成立时执行代码。

if...else 语句

在指定的条件成立时执行代码，当条件不成立时执行另外的代码。

if...else if....else 语句

使用这个语句可以选择执行若干块代码中的一个。

switch 语句

使用这个语句可以选择执行若干块代码中的一个。 

警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。
语法：
alert("文本")
<script type="text/javascript">

function disp_alert()

{

alert("我是警告框！！")

}

</script>


 
确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
语法：
confirm("文本")
function disp_confirm()

  {

  var r=confirm("按下按钮")

  if (r==true)

    {

    document.write("您按了确认！")

    }

  else

    {

    document.write("您按了取消！")

    }

  }

</script>
提示框
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
语法：
prompt("文本","默认值")
<script type="text/javascript">

function disp_prompt()

  {

  var name=prompt("请输入您的名字","Bill Gates")

  if (name!=null && name!="")

    {

    document.write("你好！" + name + " 今天过得怎么样？")

    }

  }

</script>

如何定义函数
创建函数的语法：
function 函数名(var1,var2,...,varX)
{
代码．．．
}

return 语句
return 语句用来规定从函数返回的值。
因此，需要返回某个值的函数必须使用这个 return 语句。
 
JavaScript 有两种不同种类的循环：

for

将一段代码循环执行指定的次数

while

当指定的条件为 true 时循环执行代码 

实例

break 语句

使用 break 语句来终止循环。

continue 语句

使用 continue 语句来终止当前的循环，然后从下一个值继续执行。 

 
For...In 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
for (变量 in 对象)

{

    在此执行代码

}
 
事件举例：

鼠标点击
页面或图像载入
鼠标悬浮于页面的某个热点之上
在表单中选取输入框
确认表单
键盘按键 

onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
 
onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容，checkEmail() 函数就会被调用。
<input type="text" size="30" id="email" onchange="checkEmail()">
 
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
 
onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false"> <img src="w3school.gif" width="100" height="30"></a>
 
有两种在网页中捕获错误的方法：

使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用) 

 
Try...Catch 语句
try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。
 
throw 声明的作用是创建 exception（异常或错误）。
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") 

}

 
下面的表格列出了其余的特殊字符，这些特殊字符都可以使用反斜杠来添加到文本字符串中：



代码
输出


\'
单引号


\"
双引号


\&
和号


\\
反斜杠


\n
换行符


\r
回车符


\t
制表符


\b
退格符


\f
换页符