javascript教程

1JavascriptJavascriptJavascriptJavascript简介学习JavascriptJavascriptJavascriptJavascript之前学习Javascript之前，请先具备HTML和CSS的知识。参见HTML教程，CSS教程。JavascriptJavascriptJavascriptJavascript简介Javascript是一种解释性的，基于对象的脚本语言(aninterpreted,object-basedscriptinglanguage)。HTML网页在互动性方面能力较弱，例如下拉菜单，就是用户点击某一菜单项时，自动会出现该菜单项的所有子菜单，用纯HTML网页无法实现；又如验证HTML表单(Form)提交信息的有效性，用户名不能为空，密码不能少于4位，邮政编码只能是数字之类，用纯HTML网页也无法实现。要实现这些功能，就需要用到Javascript。Javascript是一种脚本语言，比HTML要复杂。不过即便你先前不懂编程，也不用担心，因为Javascript写的程序都是以源代码的形式出现的，也就是说你在一个网页里看到一段比较好的Javascript代码，恰好你也用得上，就可以直接拷贝，然后放到你的网页中去。正因为可以借鉴、参考优秀网页的代码，所以让Javascript本身也变得非常受欢迎，从而被广泛应用。原来不懂编程的人，多参考Javascript示例代码，也能很快上手。Javascript主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和WebServer发生任何数据交换，因此，不会增加WebServer的负担。几乎所有浏览器都支持Javascript，如InternetExplorer(IE)，Firefox，Netscape，Mozilla，Opera等。简单的JavascriptJavascriptJavascriptJavascript入门示例我们先来看一个最简单的例子，代码如下：htmlheadtitle一个最简单的Javascript示例(仅使用了document.write)/title/headbodyscripttype=text/javascriptdocument.write(Hello,World!);/script/body/html演示示例2在HTML网页里插入Javascript语句，应使用HTML的script。script这个tag有个属性叫type，type=text/javascript表示插入script/script其中的为Javascript语句。上面的例子中，使用了document.wirte，这是Javascript中非常常用的语句，表示输出文本。我们还可以将这个例子写得更加复杂写，不但输出文本，而且输出带HTML格式的文本。代码如下：scripttype=text/javascriptdocument.write(h1Hello,World!/h1);/script演示示例在参考别人的Javascript代码时，你也许会看到script里写的不是type=text/javascript，而是language=javascript。目前这两种方法都可以表示script/script里的代码是Javascript。其中language这个属性在W3C的HTML标准中，已不再推荐使用。htmlheadtitle一个最简单的Javascript示例(仅使用了document.write)/title/headbodyscripttype=text/javascriptdocument.write(Hello,World!);/script/body/htmlhtmlheadtitle用document.write输出带格式的HTML文本的Javascript示例/title/headbodyscripttype=text/javascriptdocument.write(h1HelloWorld!/h1)/script/body/html3JavascriptJavascriptJavascriptJavascript写在哪里Javascript程序可以放在：•HTML网页的body/body里•HTML网页的head/head里•外部.js文件里JavascriptJavascriptJavascriptJavascript在body/bodybody/bodybody/bodybody/body之间当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。htmlhead/headbodyscripttype=text/javascript..../script/body/html演示示例JavascriptJavascriptJavascriptJavascript在head/headhead/headhead/headhead/head之间有时候并不需要一载入HTML就运行Javascript，而是用户点击了HTML中的某个对象，触发了一个事件，才需要调用Javascript。这时候，通常将这样的Javascript放在HTML的head/head里。htmlheadscripttype=text/javascript....htmlheadtitle用document.write输出带格式的HTML文本的Javascript示例/title/headbodyscripttype=text/javascriptdocument.write(h1HelloWorld!/h1)/script/body/html4/script/headbody/body/html演示示例JavascriptJavascriptJavascriptJavascript放在外部文件里假使某个Javascript的程序被多个HTML网页使用，最好的方法，是将这个Javascript程序放到一个后缀名为.js的文本文件里。这样做，可以提高Javascript的复用性，减少代码维护的负担，不必将相同的Javascript代码拷贝到多个HTML网页里，将来一旦程序有所修改，也只要修改.js文件就可以，不用再修改每个用到这个Javascript程序的HTML文件。在HTML里引用外部文件里的Javascript，应在Head里写一句scriptsrc=文件名/script，其中src的值，就是Javascript所在文件的文件路径。示例代码如下：htmlheadscriptsrc={border:1pxsolid#00FF00;width:100px;text-align:center;cursor:hand;}/stylescripttype=text/javascriptfunctionclickme(){alert(Youclickedme!)}/script/headbodyp请点击下面的“clickme”。/pdivonclick=clickme()clickme/div/body/html5演示示例演示示例里的common.js其实就是一个文本文件，内容如下：functionclickme(){alert(Youclickedme!)}htmlheadstylediv{border:1pxsolid#00FF00;width:100px;text-align:center;cursor:hand;}/stylescriptsrc=/html/asdocs/js_tutorials/common.js/script/headbodyp请点击下面的“clickme”。/pdivonclick=clickme()clickme/div/body/html6编写JavascriptJavascriptJavascriptJavascript代码象很多其它编程语言一样，Javascript也是用文本格式编写，由语句(statements)，语句块(blocks)和注释(comments)构成。语句块(blocks)是由一些相互有关联的语句构成的语句集合。在一句语句(statement)里，你可以使用变量，字符串和数字(literals)，以及表达式(expressions)。语句(Statements)(Statements)(Statements)(Statements)一个Javascript程序就是一个语句的集合。一句Javascript语句相当于一句完整的句子。Javascript语句将表达式(expressions)用某种方式组合起来，得以完成某项任务。一句语句(statement)包含一个或多个表达式(expressions)，关键词(keywords)和运算符(operators)。一般来说，一句语句的所有内容写在同一行内。不过，一句语句也可以写成多行。此外，多句语句也可以通过用分号(;)分隔，写在同一行内。建议：将每句语句以显示的方式结束，即在每个语句最后加分号(;)来表示该句语句的结束。以下是几个语句的例子：aBird=Robin;上面这句语句表示将Robin这个字符串赋值给变量aBird。vartoday=newDate();上面这句语句表示将今天的日期值赋值给变量today。语句块(Blocks)(Blocks)(Blocks)(Blocks)通常来说，用{}括起来的一组Javascript语句称为语句块(blocks)。语句块通常可以看做是一句单独的语句。也就是说，在很多地方，语句块可以作为一句单个的语句被其它Javascript代码调用。但是以for和while开头的循环语句例外。另外要注意的是，注意：在语句块里面的每句语句以分号(;)表示结束，但是语句块本身不用分号。语句块(blocks)通常用于函数和条件语句中。下面的例句中，{}中间的5句语句构成一个语句块(block)，而最后三行语句，不在语句块内。functionconvert(inches){feet=inches/12;miles=feet/5280;nauticalMiles=feet/6080;cm=inches*2.54;meters=inches/39.37;}km=meters/1000;kradius=km;7mradius=miles;注释(Comments)(Comments)(Comments)(Comments)为了程序的可读性，以及便于日后代码修改和维护时，更快理解代码，你可以在Javascript程序里为代码写注释(comments)。在Javascript语言里，用两个斜杠//来表示单行注释。见例句：aGoodIdea=Commentyourcodethoroughly.;//这是单行注释。多行注释则用/*表示开始，*/表示结束。见例句：/*这是多行注释行一。这是多行注释行二。*/推荐使用多行的单行注释来替代多