W3CJavaSccript基础教程Word文档下载推荐.docx
《W3CJavaSccript基础教程Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《W3CJavaSccript基础教程Word文档下载推荐.docx（17页珍藏版）》请在冰豆网上搜索。
那些不支持JavaScript的浏览器会把脚本作为页面的内容来显示。
为了防止这种情况发生，我们可以使用这样的HTML注释标签：
!
--
//-->
注释行末尾的两个正斜杠是JavaScript的注释符号，它会阻止JavaScript编译器对这一行的编译。
把JavaScript放置到何处
当页面载入时，会执行位于body部分的JavaScript。
当被调用时，位于head部分的JavaScript才会被执行。
在哪里放置JavaScript
页面中的脚本会在页面载入浏览器后立即执行。
我们并不总希望这样。
有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。
位于head部分的脚本：
当脚本被调用时，或者当事件被触发时，脚本就会被执行。
当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。
head>
....
/head>
位于body部分的脚本：
在页面载入时脚本就会被执行。
当你把脚本放置于body部分后，它就会生成页面的内容。
在body和head部分的脚本：
你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到body，又可以放置到head部分。
使用外部JavaScript
有时，你也许希望在若干个页面中运行JavaScript，同时不在每个页面中写相同的脚本。
为了达到这个目的，你可以将JavaScript写入一个外部文件之中。
然后以.js为后缀保存这个文件。
外部文件不能包含<
标签。
然后把.js文件指定给<
标签中的"
src"
属性，就可以使用这个外部文件了：
scriptsrc="
xxx.js"
....<
JavaScript语句
JavaScript是由浏览器执行的语句序列。
JavaScript语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
这个JavaScript语句告诉浏览器向网页输出"
Helloworld"
：
通常要在每行语句的结尾加上一个分号。
大多数人都认为这是一个好的编程习惯，而且在web上的JavaScript案例中也常常会看到这种情况。
分号是可选的（根据JavaScript标准），浏览器把行末作为语句的结尾。
正因如此，常常会看到一些结尾没有分号的例子。
注释：
通过使用分号，可以在一行中写多条语句。
JavaScript代码
JavaScript代码是JavaScript语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落：
h1>
Thisisaheader<
/h1>
p>
Thisisaparagraph<
/p>
Thisisanotherparagraph<
JavaScript代码块
JavaScript可以分批地组合起来。
代码块以左花括号开始，以右花括号结束。
代码块的作用是一并地执行语句序列。
{
}
上例的用处不大。
仅仅演示了代码块的使用而已。
通常，代码块用于在函数或条件语句中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。
您会在稍后的章节学习到更多有关函数和条件的知识。
JavaScript注释
JavaScript注释可用于增强代码的可读性。
可以添加注释来对JavaScript进行解释，或者提高其可读性。
单行的注释以//开始。
本例用单行注释来解释代码：
//这行代码输出标题：
//这行代码输出段落：
JavaScript多行注释
多行注释以/*开头，以*/结尾。
本例使用多行注释来解释代码：
/*
下面的代码将输出
一个标题和两个段落
*/
使用注释来防止执行
在本例中，我们用注释来阻止一行代码的执行：
//document.write（"
在本例中，我们用注释来阻止若干行代码的执行：
在行末使用注释
在本例中，注释放置在语句的行末：
Hello"
//输出"
World"
JavaScript变量
变量是用于存储信息的容器：
x=5;
length=66.10;
还记得在学校里学过的代数吗？
当您回忆在学校学过的代数课程时，想到的很可能是：
x=5,y=6,z=x+y等等。
还记得吗，一个字母可以保存一个值（比如5），并且可以使用上面的信息计算出z的值是11。
您一定没有忘记，对吧。
这些字母称为变量，变量可用于保存值（x=5）或表达式（z=x+y）。
正如代数一样，JavaScript变量用于保存值或表达式。
可以给变量起一个简短名称，比如
x，或者更有描述性的名称，比如
length。
JavaScript变量也可以保存文本值，比如
carname="
Volvo"
JavaScript变量名称的规则：
∙变量对大小写敏感（y
和
Y
是两个不同的变量）
∙变量必须以字母或下划线开始
由于JavaScript对大小写敏感，变量名也对大小写敏感。
声明（创建）JavaScript变量
在JavaScript中创建变量经常被称为“声明”变量。
您可以通过
var语句来声明JavaScript变量：
varx;
varcarname;
在以上声明之后，变量并没有值，不过您可以在声明它们时向变量赋值：
varx=5;
varcarname="
;
在为变量赋文本值时，请为该值加引号。
向JavaScript变量赋值
通过赋值语句向JavaScript变量赋值：
变量名在=符号的左边，而需要向变量赋的值在=的右侧。
在以上语句执行后，变量
x
中保存的值是
5，而
carname
的值是
Volvo。
向未声明的JavaScript变量赋值
如果您所赋值的变量还未进行过声明，该变量会自动声明。
这些语句：
与这些语句的效果相同：
重新声明JavaScript变量
如果您再次声明了JavaScript变量，该变量也不会丢失其原始值。
在以上语句执行后，变量x的值仍然是5。
在重新声明该变量时，x的值不会被重置或清除。
JavaScript算术
正如代数一样，您可以使用JavaScript变量来做算术：
y=x-5;
z=y+5;
在本教程的下一节中，您将学习能够在JavaScript变量间使用的运算符。
JavaScript运算符
用于字符串的+运算符
+运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用+运算符。
txt1="
Whatavery"
txt2="
niceday"
txt3=txt1+txt2;
在以上语句执行后，变量txt3包含的值是"
Whataveryniceday"
要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：
Whatavery"
或者把空格插入表达式中：
txt3=txt1+"
"
+txt2;
在以上语句执行后，变量txt3包含的值是：
Whataveryniceday"
如果变量visitor中的值是"
PRES"
，则向变量greeting赋值"
DearPresident"
，否则赋值"
Dear"
JavaScript消息框
可以在JavaScript中创建三种消息框：
警告框、确认框、提示框。
实例
警告框
带有折行的警告框
确认框
提示框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。
语法：
alert（"
文本"
）
例子
functiondisp_alert（）
我是警告框！
！
inputtype="
button"
onclick="
disp_alert（）"
value="
显示警告框"
/>
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为true。
如果用户点击取消，那么返回值为false。
confirm（"
functionshow_confirm（）
varr=confirm（"
Pressabutton!
if（r==true）
{
alert（"
YoupressedOK!
}
else
YoupressedCancel!
show_confirm（）"
Showaconfirmbox"
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。
如果用户点击取消，那么返回值为null。
prompt（"
"
默认值"
functiondisp_prompt（）
varname=prompt（"
请输入您的名字"
BillGates"
if（name!
=null&
&
name!
="
document.write（"
你好！
+name+"
今天过得怎么样？
disp_prompt（）"
显示提示框"
JavaScript函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
将脚本编写为函数，就可以避免页面载入时执行该脚本。
函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。
你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的.js文件，那么甚至可以从其他的页面中调用）。
函数在页面起始位置定义，即<
部分。
functiondisplaymessage（）
form>
Clickme!
displaymessage（）"
>
/form>
假如上面的例子中的alert（"
Helloworld!
）没有被写入函数，那么当页面被载入时它就会执行。
现在，当用户击中按钮时，脚本才会执行。
我们给按钮添加了onClick事件，这样按钮被点击时函数才会执行。
在JS事件这一章，你会学到更多关于JavaScript事件的知识。
如何定义函数
创建函数的语法：
function函数名（var1,var2,...,varX）
代码．．．
var1,var2等指的是传入函数的变量或值。
{和}定义了函数的开始和结束。
无参数的函数必须在其函数名后加括号：
function函数名（）
{
代码．．．
}
别忘记JavaScript中大小写字母的重要性。
function"
这个词必须是小写的，否则JavaScript就会出错。
另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。
return语句
return语句用来规定从函数返回的值。
因此，需要返回某个值的函数必须使用这个return语句。
下面的函数会返回两个数相乘的值（a和b）：
functionprod（a,b）
x=a*b
returnx
当您调用上面这个函数时，必须传入两个参数：
product=prod（2,3）
而从prod（）函数的返回值是6，这个值会存储在名为product的变量中。
JavaScript变量的生存期
当您在函数内声明了一个变量后，就只能在该函数中访问该变量。
当退出该函数后，这个变量会被撤销。
这种变量称为本地变量。
您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。
这些变量的生存期从声明它们之后开始，在页面关闭时结束。
JavaScriptFor...In声明
For...In声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
For...In声明用于对数组或者对象的属性进行循环操作。
for...in循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
for（变量in对象）
在此执行代码
“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。
实例：
使用for...in循环遍历数组。
varx
varmycars=newArray（）
mycars[0]="
Saab"
mycars[1]="
mycars[2]="
BMW"
for（xinmycars）
document.write（mycars[x]+"
br/>
JavaScript事件
事件是可以被JavaScript侦测到的行为。
事件
JavaScript使我们有能力创建动态页面。
网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。
比方说，我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。
事件在HTML页面中定义。
事件举例：
∙鼠标点击
∙页面或图像载入
∙鼠标悬浮于页面的某个热点之上
∙在表单中选取输入框
∙确认表单
∙键盘按键
事件通常与函数配合使用，当事件发生时函数才会执行。
如果需要更多有关Javascript可识别事件的知识，请阅读我们的
JavaScript事件参考手册。
onload和onUnload
当用户进入或离开页面时就会触发onload和onUnload事件。
onload事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。
onload和onUnload事件也常被用来处理用户进入或离开页面时所建立的cookies。
例如，当某用户第一次进入页面时，你可以使用消息框来询问用户的姓名。
姓名会保存在cookie中。
当用户再次进入这个页面时，你可以使用另一个消息框来和这个用户打招呼：
WelcomeJohnDoe!
onFocus,onBlur和onChange
onFocus、onBlur和onChange事件通常相互配合用来验证表单。
下面是一个使用onChange事件的例子。
用户一旦改变了域的内容，checkEmail（）函数就会被调用。
text"
size="
30"
id="
email"
onchange="
checkEmail（）"
onSubmit
onSubmit用于在提交表单之前验证所有的表单域。
下面是一个使用onSubmit事件的例子。
当用户单击表单中的确认按钮时，checkForm（）函数就会被调用。
假若域的值无效，此次提交就会被取消。
checkForm（）函数的返回值是true或者false。
如果返回值为true，则提交表单，反之取消提交。
formmethod="
post"
action="
xxx.htm"
onsubmit="
returncheckForm（）"
onMouseOver和onMouseOut
onMouseOver和onMouseOut用来创建“
升级会员 