JavaScript简介PreviousPageNextPage在数百万张页面中,JavaScript被用来改进设计、验证表单、检测浏览器、创建cookies,等等等等。JavaScript是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说InternetExplorer、Mozilla、Firefox、Netscape、和Opera。你应该具备的基础知识:在继续学习前,你应该对以下知识有基本的了解:HTMLXHTML如果你希望首先学习这些内容,请在首页访问相关教程。什么是JavaScript?JavaScript被设计用来向HTML页面添加交互行为。JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript由数行可执行计算机代码组成。JavaScript通常被直接嵌入HTML页面。JavaScript是一种解释性语言(就是说,代码执行不进行预编译)。所有的人无需购买许可证均可使用JavaScript。Java和JavaScript是相同的吗?不同!在概念和设计方面,Java和JavaScript是两种完全不同的语言。Java(由太阳微系统公司开发)很强大,同时也是更复杂的编程语言,就像同级别的C和C++。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可被用来创建cookiesJavaScript可被用来存储和取回位于访问者的计算机中的信息。真实的名称是ECMAScriptJavaScript的正式名称是ECMAScript。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于JavaScript(Netscape)和JScript(Microsoft)。Netscape(Navigator2.0)的BrendanEich发明了这门语言,从1996年开始,已经出现在所有的Netscape和Microsoft浏览器中。ECMA-262的开发始于1996年,在1997年7月,ECMA会员大会采纳了它的首个版本。在1998年,该标准成为了国际ISO标准(ISO/IEC16262)。这个标准仍然处于发展之中。如何实现JavaScriptPreviousPageNextPageHTML的script标签用于把JavaScript插入HTML页面当中。实例生成文本如何在页面中写文本生成普通文本和标签如何使用JavaScript在页面中写入普通文本和标签。如何把JavaScript放入HTML页面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!。htmlbodyscripttype=text/javascriptdocument.write(HelloWorld!);/script/body/htmlTIY注意:如果我们不使用script标签,浏览器就会把document.write(HelloWorld!)当作纯文本来处理,也就是说会把这条命令本身写到页面上。TIY如何与老的浏览器打交道那些不支持JavaScript的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的HTML注释标签:htmlbodyscripttype=text/javascript!--document.write(HelloWorld!);//--/script/body/html注释行末尾的两个正斜杠是JavaScript的注释符号,它会阻止JavaScript编译器对这一行的编译。把JavaScript放置到何处PreviousPageNextPage当页面载入时,会执行位于body部分的JavaScript。当被调用时,位于head部分的JavaScript才会被执行。实例head部分包含函数的脚本位于文档的head部分。这样我们就可以确保在调用函数前,脚本已经载入了。body部分执行位于body部分的脚本。外部JavaScript如何访问外部脚本。在哪里放置JavaScript页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。位于head部分的脚本:当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到head部分后,就可以确保在需要使用脚本之前,它已经被载入了。htmlheadscripttype=text/javascript..../script/head....位于body部分的脚本:在页面载入时脚本就会被执行。当你把脚本放置于body部分后,它就会生成页面的内容。htmlhead/headbodyscripttype=text/javascript..../script/body/html在body和head部分的脚本:你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到body,又可以放置到head部分。htmlheadscripttype=text/javascript..../script/headbodyscripttype=text/javascript..../script/body/html使用外部JavaScript有时,你也许希望在若干个页面中运行JavaScript,同时不在每个页面中写相同的脚本。为了达到这个目的,你可以将JavaScript写入一个外部文件之中。然后以.js为后缀保存这个文件。注意:外部文件不能包含script标签。然后把.js文件指定给script标签中的src属性,就可以使用这个外部文件了:htmlheadscriptsrc=xxx.js..../script/headbody/body/html提示:您可以把.js文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。JavaScript语句PreviousPageNextPageJavaScript是由浏览器执行的语句序列。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);/scriptTIYJavaScript代码块JavaScript可以分批地组合起来。代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。本例向网页输出一个标题和两个段落:scripttype=text/javascript{document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);}/scriptTIY上例的用处不大。仅仅演示了代码块的使用而已。通常,代码块用于在函数或条件语句中把若干语句组合起来(比方说如果条件满足,就可以执行这个语句分组了)。您会在稍后的章节学习到更多有关函数和条件的知识。JavaScript注释PreviousPageNextPageJavaScript注释可用于增强代码的可读性。JavaScript注释可以添加注释来对JavaScript进行解释,或者提高其可读性。单行的注释以//开始。本例用单行注释来解释代码:scripttype=text/javascript//这行代码输出标题:document.write(h1Thisisaheader/h1);//这行代码输出段落:document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);/scriptTIYJavaScript多行注释多行注释以/*开头,以*/结尾。本例使用多行注释来解释代码:scripttype=text/javascript/*下面的代码将输出一个标题和两个段落*/document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);/scriptTIY使用注释来防止执行在本例中,我们用注释来阻止一行代码的执行:scripttype=text/javascriptdocument.write(h1Thisisaheader/h1);document.write(p