jsp程序设计教程(第2章)

JSP程序设计教程第2章 JSP开发基础nJavaScript nJavaScript 是属于网络的脚本语言！nJavaScript 是因特网上最流行的脚本语言。nJavaScript 很容易使用！你一定会喜欢 它的！开始学习 JavaScript ！什么是 JavaScript？nJavaScript 被设计用来向 HTML 页面添加交互行为。 nJavaScript 是一种脚本语言（脚本语言是一种轻量级 的编程语言）。 nJavaScript 由数行可执行计算机代码组成。 nJavaScript 通常被直接嵌入 HTML 页面。 nJavaScript 是一种解释性语言（就是说，代码执行不 进行预编译）。 n所有的人无需购买许可证均可使用 JavaScript。 什么是 JavaScript？JavaScript是一种基于对象和事件驱动并具 有安全性能的解释型脚本语言，在Web应用中得 到了非常广泛的应用。它不但可以用于编写客户 端的脚本程序，由Web浏览器解释执行，而且还 可以编写在服务器端执行的脚本程序，在服务器 端处理用户提交的信息并动态地向浏览器返回处 理结果，通常在JSP中应用JavaScript编写客户端 脚本程序。什么是 JavaScript？nJavaScript与操作系统无关，它依赖JavaScript 的解释引擎。浏览器通过内嵌JavaScript的解 释引擎从而获得了对JavaScript的处理能力。Java 和 JavaScript 是相同的 吗？n不同！n在概念和设计方面，Java 和 JavaScript 是两种完全不同的语言。nJava（由太阳微系统公司开发）很强大 ，同时也是更复杂的编程语言，就像同 级别的 C 和 C+。JavaScript 能做什么？nJavaScript 为 HTML 设计师提供了一种编程工具 nHTML 创作者往往都不是程序员，但是 JavaScript 却是一种只拥 有极其简单的语法的脚本语言！几乎每个人都有能力将短小的 代码片断放入他们的 HTML 页面当中。 nJavaScript 可以将动态的文本放入 HTML 页面 n类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write(“ + name + “) nJavaScript 可以对事件作出响应 n可以将 JavaScript 设置为当某事件发生时才会被执行，例如页 面载入完成或者当用户点击某个 HTML 元素时。 nJavaScript 可以读写 HTML 元素 nJavaScript 可以读取及改变 HTML 元素的内容。 nJavaScript 可被用来验证数据 n在数据被提交到服务器之前，JavaScript 可被用来验证这些数据 。 nJavaScript 可被用来检测访问者的浏览器 nJavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏 览器，为这个浏览器载入相应的页面。 nJavaScript 可被用来创建 cookies nJavaScript 可被用来存储和取回位于访问者的计算机中的信息。如何实现 JavaScriptnHTML 的 标签用于把 JavaScript 插入 HTML 页面当中。n如何把 JavaScript 放入 HTML 页面n nn document.write(“Hello World!“); n n n 上面的代码会在 HTML 页面中产生这样的输 出：nHello World! n实例解释：n如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 标签（同 时使用 type 属性来定义脚本语言）。n这样， 和 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。ndocument.write 字段是标准的 JavaScript 命令，用来向页面写入输出。n把 document.write 命令输入到 与之间后 ，浏览器就会把它当作一条 JavaScript 命 令来执行。这样浏览器就会向页面写入 “Hello World!“。注意：n如果我们不使用 标签，浏览器 就会把 document.write(“Hello World!“) 当作纯文本来处理，也就是说会把这条 命令本身写到页面上。把 JavaScript 放置到何处n当页面载入时，会执行位于 body 部分 的 JavaScript。n当被调用时，位于 head 部分的 JavaScript 才会被执行。在哪里放置 JavaScriptn页面中的脚本会在页面载入浏览器后立 即执行。我们并不总希望这样。有时， 我们希望当页面载入时执行脚本，而另 外的时候，我们则希望当用户触发事件 时才执行脚本。位于 head 部分的脚本：n当脚本被调用时，或者当事件被触发时，脚本 就会被执行。当你把脚本放置到 head 部分后 ，就可以确保在需要使用脚本之前，它已经被 载入了。n n nn nn 位于 body 部分的脚本：n在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后 ，它就会生成页面的内容。nn n n nn nn n 在 body 和 head 部分的脚本 ：n你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置 到 body，又可以放置到 head 部分。n nn n nn n nn n 使用外部 JavaScriptn有时，你也许希望在若干个页面中运行 JavaScript， 同时不在每个页面中写相同的脚本。n为了达到这个目的，你可以将 JavaScript 写入一个外 部文件之中。然后以 .js 为后缀保存这个文件。n注意：外部文件不能包含 标签。n然后把 .js 文件指定给 标签中的 “src“ 属性， 就可以使用这个外部文件了：n n提示：您可以把 .js 文件放到网站目录中通常存放脚本 的子目录中，这样更容易管理和维护。JavaScript 语句nJavaScript 是由浏览器执行的语句序列。nJavaScript 语句是发给浏览器的命令。这些命令的作 用是告诉浏览器要做的事情。n这个 JavaScript 语句告诉浏览器向网页输出 “Hello world“：ndocument.write(“Hello world“); n通常要在每行语句的结尾加上一个分号。大多数人都 认为这是一个好的编程习惯，而且在 web 上的 JavaScript 案例中也常常会看到这种情况。n分号是可选的（根据 JavaScript 标准），浏览器把行 末作为语句的结尾。正因如此，常常会看到一些结尾 没有分号的例子。n注释：通过使用分号，可以在一行中写多条语句。JavaScript 代码nJavaScript 代码是 JavaScript 语句的序列。n浏览器按照编写顺序依次执行每条语句。n本例向网页输出一个标题和两个段落：n document.write(“This is a header“); document.write(“This is a paragraph“); ndocument.write(“This is another paragraph“); JavaScript 代码块nJavaScript 可以分批地组合起来。n代码块以左花括号开始，以右花括号结束。n代码块的作用是一并地执行语句序列。n本例向网页输出一个标题和两个段落：JavaScript 注释nJavaScript 注释可用于增强代码的可读性。n可以添加注释来对 JavaScript 进行解释，或者提高其 可读性。n单行的注释以 / 开始。n本例用单行注释来解释代码：nJavaScript 多行注释n多行注释以 /* 开头，以 */ 结尾。n本例使用多行注释来解释代码：JavaScript 变量n变量是用于存储信息的容器：nx=5; length=66.10;n当您回忆在学校学过的代数课程时，想到的很 可能是：x=5, y=6, z=x+y 等等。n还记得吗，一个字母可以保存一个值（比如 5 ），并且可以使用上面的信息计算出 z 的值是 11。n您一定没有忘记，对吧。n这些字母称为变量，变量可用于保存值 (x=5) 或表达式 (z=x+y)。n正如代数一样，JavaScript 变量用于保存值或表达式 。n可以给变量起一个简短名称，比如 x，或者更有描述 性的名称，比如 length。nJavaScript 变量也可以保存文本值，比如 carname=“Volvo“。nJavaScript 变量名称的规则：n变量对大小写敏感（y 和 Y 是两个不同的变量） n变量必须以字母或下划线开始 n注释：由于 JavaScript 对大小写敏感，变量名也对大 小写敏感。声明（创建） JavaScript 变 量n在 JavaScript 中创建变量经常被称为“声明”变 量。n您可以通过 var 语句来声明 JavaScript 变量：nvar x; nvar carname; n在以上声明之后，变量并没有值，不过您可以 在声明它们时向变量赋值：nvar x=5; nvar carname=“Volvo“; 向未声明的 JavaScript 变量 赋值n如果您所赋值的变量还未进行过声明，该变量 会自动声明。n这些语句：nx=5; ncarname=“Volvo“; n与这些语句的效果相同：nvar x=5; nvar carname=“Volvo“; 重新声明 JavaScript 变量n如果您再次声明了 JavaScript 变量，该 变量也不会丢失其原始值。nvar x=5; nvar x; n在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被 重置或清除。JavaScript 算术运算符n算术运算符用于执行变量与/或值之间的算术运算。n给定 y=5，下面的表格解释了这些算术运算符：JavaScript 赋值运算符n赋值运算符用于给 JavaScript 变量赋值。n给定 x=10 和 y=5，下面的表格解释了赋值运算符：用于字符串的 + 运算符n+ 运算符用于把文本值或字符串变量加起来（连接起 来）。n如需把两个或多个字符串变量连接起来，请使用 + 运 算符。n在以上语句执行后，变量 txt3 包含的值是n “What a verynice day“。n要想在两个字符串之间增加空格，需要把空格插入一 个字符串之中：ntxt1=“What a very “; ntxt2=“nice day“;n txt3=txt1+txt2; n或者把空格插入表达式中：ntxt1=“What a very“;n txt2=“nice day“; ntxt3=txt1+“ “+txt2; n在以上语句执行后，变量 txt3 包含的值是：n“What a very nice day“n对字符串和数字进行加法运算n请看这些例子：n规则是：n如果把数字与字符串相加，结果将成为 字符串。JavaScript 比较和逻辑运算符n比较运算符n比较运算符在逻辑语句中使用，以测定变量或值是否 相等。n给定 x=5，下面的表格解释了比较运算符：逻辑运算符n逻辑运算符用于测定变量或值之间的逻辑。n给定 x=6 以及 y=3，下表解释了逻辑运算符：条件运算符nJavaScript 还包含了基于某些条件对变量进行 赋值的条件运算符。n语法nvariablename=(condition)?value1:value2 n例子ngreeting=(visitor=“PRES“)?“Dear President “:“Dear “; n如果变量 visitor 中的值是 “PRES“，则向变量 greeting 赋值 “Dear President “，否则赋值 “Dear“。条件语句n在您编写代码时，经常需要根据不同的条件完成不同的行为。可