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页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。位于head部分的脚本：当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到head部分后，就可以确保在需要使用脚本之前，它已经被载入了。htmlheadscripttype=text/javascript..../script/head....实例：htmlheadscripttype=text/javascriptfunctionmessage(){alert(该提示框是通过onload事件调用的。)}/script/headbodyonload=message()/body/html位于body部分的脚本：在页面载入时脚本就会被执行。当你把脚本放置于body部分后，它就会生成页面的内容。htmlhead/headbodyscripttype=text/javascript..../script/body/html实例：htmlhead/headbodyscripttype=text/javascriptdocument.write(该消息在页面加载时输出。)/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文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。实例：htmlhead/headbodyscriptsrc=/js/example_externaljs.js/scriptp实际的脚本位于名为xxx.js的外部脚本中。/p/body/htmlJavaScript是由浏览器执行的语句序列。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注释可以添加注释来对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(pThisisaparagraph/p);//document.write(pThisisanotherparagraph/p);/scriptTIY在本例中，我们用注释来阻止若干行代码的执行：scripttype=text/javascript/*document.write(h1Thisisaheader/h1);document.write(pThisisaparagraph/p);document.write(pThisisanotherparagraph/p);*//scriptTIY在行末使用注释在本例中，注释放置在语句的行末：scripttype=text/javascriptdocument.write(Hello);//输出Hellodocument.write(World);//输出World/script变量是用于存储信息的容器：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;在本教程的下一节中，您将学习能够在JavaScript变量间使用的运算符。运算符=用于赋值。运算符