JavaScript学习教程

JavaScript是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行。JavaScript被设计用来向HTML页面添加交互行为。JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。JavaScript由数行可执行计算机代码组成。JavaScript通常被直接嵌入HTML页面。JavaScript是一种解释性语言（就是说，代码执行不进行预编译）。所有的人无需购买许可证均可使用JavaScript。①JavaScript为HTML设计师提供了一种编程工具HTML创作者往往都不是程序员，但是JavaScript却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的HTML页面当中。②JavaScript可以将动态的文本放入HTML页面类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面：document.write(h1+name+/h1)③JavaScript可以对事件作出响应可以将JavaScript设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个HTML元素时。④JavaScript可以读写HTML元素JavaScript可以读取及改变HTML元素的内容。⑤JavaScript可被用来验证数据在数据被提交到服务器之前，JavaScript可被用来验证这些数据。⑥JavaScript可被用来检测访问者的浏览器JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。⑦JavaScript可被用来创建cookiesJavaScript可被用来存储和取回位于访问者的计算机中的信息。如何实现JavaScript（1）如何把JavaScript放入HRML页面；htmlbodyscripttype=text/javascriptdocument.write(HelloWorld!);/script/body/html上面的代码会在HTML页面中产生这样的输出：HelloWorld!实例解释：如果需要把一段JavaScript插入HTML页面，我们需要使用script标签（同时使用type属性来定义脚本语言）。这样，scripttype=text/javascript和/script就可以告诉浏览器JavaScript从何处开始，到何处结束。htmlbodyscripttype=text/javascript.../script/body/htmldocument.write字段是标准的JavaScript命令，用来向页面写入输出。把document.write命令输入到scripttype=text/javascript与/script之间后，浏览器就会把它当作一条JavaScript命令来执行。这样浏览器就会向页面写入HelloWorld!。（2）如何与老的浏览器打交道那些不支持JavaScript的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的HTML注释标签：htmlbodyscripttype=text/javascript!--document.write(HelloWorld!);//--/script/body/html注释：行末尾的两个正斜杠是JavaScript的注释符号，它会阻止JavaScript编译器对这一行的编译。（3）该把JavaScript放置到何处注意：当页面载入时，会执行位于body部分的JavaScript。当被调用时，位于head部分的JavaScript才会被执行。1.当放置在Head部分时：当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。htmlheadscripttype=text/javascript..../script/head....2.当放置在Body部分时：在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。htmlhead/headbodyscripttype=text/javascript..../script/body/html（4）使用外部JavaScript有时，你也许希望在若干个页面中运行JavaScript，同时不在每个页面中写相同的脚本。为了达到这个目的，你可以将JavaScript写入一个外部文件之中。然后以.js为后缀保存这个文件。注意：外部文件不能包含script标签。然后把.js文件指定给script标签中的src属性，就可以使用这个外部文件了：htmlheadscriptsrc=xxx.js..../script/headbody/bodyhtml提示：你可以把.js文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。JavaScript语句JavaScript是由浏览器执行的语句序列。JavaScript语句JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。这个JavaScript语句告诉浏览器向网页输出Helloworld：document.write(Helloworld);通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯，而且在web上的JavaScript案例中也常常会看到这种情况。分号是可选的（根据JavaScript标准），浏览器把行末作为语句的结尾。正因如此，常常会看到一些结尾没有分号的例子。注释：通过使用分号，可以在一行中写多条语句。JavaScript代码JavaScript代码是JavaScript语句的序列。浏览器按照编写顺序依次执行每条语句。本例向网页输出一个标题和两个段落：scripttype=text/javascriptdocument.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);/scriptJavaScript代码块JavaScript可以分批地组合起来。代码块以左花括号开始，以右花括号结束。代码块的作用是一并地执行语句序列。本例向网页输出一个标题和两个段落：scripttype=text/javascript{document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);}/script上例的用处不大。仅仅演示了代码块的使用而已。通常，代码块用于在函数或条件语句中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。JavaScript注释JavaScript注释可用于增强代码的可读性。JavaScript注释可以添加注释来对JavaScript进行解释，或者提高其可读性。单行的注释以//开始。本例用单行注释来解释代码：scripttype=text/javascript//这行代码输出标题：document.write(h1Thisisaheader/h1);//这行代码输出段落：document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);/scriptJavaScript多行注释多行注释以/*开头，以*/结尾。本例使用多行注释来解释代码：scripttype=text/javascript/*下面的代码将输出一个标题和两个段落*/document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);/script使用注释来防止执行在本例中，我们用注释来阻止一行代码的执行：scripttype=text/javascriptdocument.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);//document.write(pThisisanotherparagraph/p);/script在本例中，我们用注释来阻止若干行代码的执行：scripttype=text/javascript/*document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);*//script在行末使用注释在本例中，注释放置在语句的行末：scripttype=text/javascriptdocument.write(Hello);//输出Hellodocument.write(World);//输出World/scriptJavaScript变量变量是用于存储信息的容器：x=5;length=66.10;还记得在学校里学过的代数吗？当您回忆在学校学过的代数课程时，想到的很可能是：x=5,y=6,z=x+y等等。还记得吗，一个字母可以保存一个值（比如5），并且可以使用上面的信息计算出z的值是11。您一定没有忘记，对吧。这些字母称为变量，变量可用于保存值(x=5)或表达式(z=x+y)。JavaScript变量正如代数一样，JavaScript变量用于保存值或表达式。可以给变量起一个简短名称，比如x，或者更有描述性的名称，比如length。JavaScript变量也可以保存文本值，比如carname=Volvo。JavaScript变量名称的规则：变量对大小写敏感（y和Y是两个不同的变量）变量必须以字母或下划线开始注释：由于JavaScript对大小写敏感，变量名也对大小写敏感。实例在脚本执行的过程中，可以改变变量的值。可以通过其名称来引用一个变量，以此显示或改变它的值。本例为您展示原理。声明（创建）JavaScript变量在JavaScript中创建变量经常被称为“声明”变量。您可以通过var语句来声明JavaScript变量：varx;varcarname;在以上声明之后，变量并没有值，不过您可以在声明它们时向变量赋值：varx=5;varcarname=Volvo;注释：在为变量赋文本值时，请为该值加引号。向JavaScript变量赋值通过赋值语句向JavaScript变量赋值：x=5;carname=Volvo;变量名在=符号的左边，而需要向变量赋的值在=的右侧。在以上语句执行后，变量x中保存的值是5，而carname的值是Volvo。向未声明的JavaScript变量赋值如果您所赋值的变量还未进行过声明，该变量会自动声明。这些语句：x=5;carname=Volvo;与这些语句的效果相同：varx=5;varcarname=Volvo;重新声明JavaScript变量如果您再次声明了JavaScript变量，该变量也不会丢失其原始值。varx=5;varx;在以上语句执行后，变量x的值仍然是5。在重新声明该变量时，x的值不会被重置或清除。JavaScript算术正如代数一样，您可以使用JavaScript变量来做算术：y=x-5;z=y+5