JavaScript 教程.doc

JavaScript 教程1、如何实现 JavaScriptHTML 的 标签用于把 JavaScript 插入 HTML 页面当中。实例生成文本 如何在页面中写文本 生成普通文本和标签 如何使用 JavaScript 在页面中写入普通文本和标签。 如何把 JavaScript 放入 HTML 页面document.write(Hello World!);上面的代码会在 HTML 页面中产生这样的输出：Hello World! 实例解释：如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 标签（同时使用 type 属性来定义脚本语言）。这样， 和 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。.document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。把 document.write 命令输入到 与之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 Hello World!。document.write(Hello World!);TIY注意：如果我们不使用 标签，浏览器就会把 document.write(Hello World!) 当作纯文本来处理，也就是说会把这条命令本身写到页面上。TIY如何与老的浏览器打交道那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。2、把 JavaScript 放置到何处当页面载入时，会执行位于 body 部分的 JavaScript。当被调用时，位于 head 部分的 JavaScript 才会被执行。实例head 部分 包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。 body 部分 执行位于 body 部分的脚本。 外部 JavaScript 如何访问外部脚本。 在哪里放置 JavaScript页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。位于 head 部分的脚本：当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。.位于 body 部分的脚本：在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。.在 body 和 head 部分的脚本：你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置到 head 部分。.使用外部 JavaScript有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。注意：外部文件不能包含 标签。然后把 .js 文件指定给 标签中的 src 属性，就可以使用这个外部文件了：.提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维护。3、JavaScript 语句JavaScript 是由浏览器执行的语句序列。JavaScript 语句JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。这个 JavaScript 语句告诉浏览器向网页输出 Hello world：document.write(Hello world);通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯，而且在 web 上的 JavaScript 案例中也常常会看到这种情况。分号是可选的（根据 JavaScript 标准），浏览器把行末作为语句的结尾。正因如此，常常会看到一些结尾没有分号的例子。注释：通过使用分号，可以在一行中写多条语句。JavaScript 代码JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。本例向网页输出一个标题和两个段落：document.write(This is a header);document.write(This is a paragraph);document.write(This is another paragraph);TIYJavaScript 代码块JavaScript 可以分批地组合起来。代码块以左花括号开始，以右花括号结束。代码块的作用是一并地执行语句序列。本例向网页输出一个标题和两个段落：document.write(This is a header);document.write(This is a paragraph);document.write(This is another paragraph);TIY上例的用处不大。仅仅演示了代码块的使用而已。通常，代码块用于在函数或条件语句中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。4、JavaScript 注释JavaScript 注释可用于增强代码的可读性。JavaScript 注释可以添加注释来对 JavaScript 进行解释，或者提高其可读性。单行的注释以 / 开始。本例用单行注释来解释代码：/ 这行代码输出标题：document.write(This is a header);/ 这行代码输出段落：document.write(This is a paragraph);document.write(This is another paragraph);TIYJavaScript 多行注释多行注释以 /* 开头，以 */ 结尾。本例使用多行注释来解释代码：/*下面的代码将输出一个标题和两个段落*/document.write(This is a header);document.write(This is a paragraph);document.write(This is another paragraph);TIY使用注释来防止执行在本例中，我们用注释来阻止一行代码的执行：document.write(This is a header);document.write(This is a paragraph);/document.write(This is another paragraph);TIY在本例中，我们用注释来阻止若干行代码的执行：/*document.write(This is a header);document.write(This is a paragraph);document.write(This is another paragraph);*/TIY在行末使用注释在本例中，注释放置在语句的行末：document.write(Hello); / 输出 Hello document.write(World); / 输出 World 5、JavaScript 变量变量是用于存储信息的容器：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 变量：var x;var carname;在以上声明之后，变量并没有值，不过您可以在声明它们时向变量赋值：var x=5;var carname=Volvo;注释：在为变量赋文本值时，请为该值加引号。向 JavaScript 变量赋值通过赋值语句向 JavaScript 变量赋值：x=5;carname=Volvo;变量名在 = 符号的左边，而需要向变量赋的值在 = 的右侧。在以上语句执行后，变量 x 中保存的值是 5，而 carname 的值是 Volvo。向未声明的 JavaScript 变量赋值如果您所赋值的变量还未进行过声明，该变量会自动声明。这些语句：x=5;carname=Volvo; 与这些语句的