互联网应用技术全解析

# 互联网应用技术全解析 ## 1. JavaScript基础与表单验证 JavaScript 是一种广泛应用于网页开发的脚本语言，它拥有常见的赋值运算符（如 `=`、`+=` 等）、算术运算符（如 `+`、`-`、`*`、`/`、`%`）、比较运算符（如 `==`、`!=`、`>=` 等）以及布尔运算符（`&&` 表示逻辑与，`||` 表示逻辑或，`!` 表示取反）。字符串可以使用 `+` 字符进行拼接，对象的类型决定了运算符的行为，例如 `1 + 1` 结果为 2，因为是对数字进行加法运算；而 `"1" + "1"` 结果为 `"11"`，因为是对字符串进行拼接。 JavaScript 包含常见类型的语句，如赋值语句、条件语句（`if (condition) {statements;} else {statements; }`）和循环语句（`for` 循环、`do-while` 循环和 `while` 循环）。还可以使用 `function` 关键字创建函数，示例如下： ```javascript function f(arg1, arg2) { statements; } ``` 函数可以在 JavaScript 代码中被调用，并使用 `return` 关键字返回值。 下面是一个验证 HTML 表单登录和密码字段是否为空的 JavaScript 函数示例： ```html <SCRIPT LANGUAGE="JavaScript"> <!-- function testLoginEmpty() { loginForm = document.LoginForm if ((loginForm.userid.value == "") || (loginForm.password.value == "")) { alert('Please enter values for userid and password.'); return false; } else return true; } //--> </SCRIPT> <H1 ALIGN = "CENTER">Barns and Nobble Internet Bookstore</H1> <H3 ALIGN = "CENTER">Please enter your userid and password:</H3> <FORM NAME = "LoginForm" METHOD="POST" ACTION="TableOfContents.jsp" onSubmit="return testLoginEmpty()"> Userid: <INPUT TYPE="TEXT" NAME="userid"><P> Password: <INPUT TYPE="PASSWORD" NAME="password"><P> <INPUT TYPE="SUBMIT" VALUE="Login" NAME="SUBMIT"> <INPUT TYPE="RESET" VALUE="Clear Input" NAME="RESET"> </FORM> ``` 在这个示例中，`testLoginEmpty` 函数用于检查名为 `LoginForm` 的表单中 `userid` 和 `password` 输入字段是否为空。该函数在表单的 `onSubmit` 事件处理程序中被调用，如果事件处理程序返回 `true`，则表单内容将被提交到服务器；否则，表单内容不会被提交。 ## 2. 样式表的作用与类型 不同的客户端具有不同的显示设备，因此需要不同的方式来显示相同的信息。样式表是一种将相同文档内容适配到不同呈现格式的方法，它包含了告诉 Web 浏览器（或客户端用于显示网页的其他工具）如何将文档数据转换为适合客户端显示的指令。 样式表的优点众多： - 可以多次重用同一文档，并根据上下文进行不同的显示。 - 可以根据读者的偏好（如字体大小、颜色样式甚至细节级别）定制显示。 - 能够处理不同的输出格式，如不同的输出设备（笔记本电脑与手机）、不同的显示尺寸（信纸与法律纸）以及不同的显示介质（纸张与数字显示）。 - 可以在公司内部标准化显示格式，并随时将样式表约定应用于文档，且对这些显示约定的更改和改进可以在中央位置进行管理。 主要有两种样式表语言：XSL 和 CSS。CSS 是为 HTML 创建的，旨在将不同格式标签的显示特性与标签本身分离；XSL 是 CSS 向任意 XML 文档的扩展，除了允许定义对象的格式化方式外，还包含一种转换语言，使我们能够重新排列对象。CSS 的目标文件是 HTML 文件，而 XSL 的目标文件是 XML 文件。 ### 2.1 级联样式表（CSS） 级联样式表（CSS）定义了如何显示 HTML 元素。样式通常存储在样式表文件中，许多不同的 HTML 文档（如网站中的所有文档）可以引用同一个 CSS 文件。通过更改单个文件，就可以改变整个网站的格式，这是一种同时更改多个网页布局的便捷方式，也是实现内容与呈现分离的第一步。 CSS 样式表的每一行由三部分组成：选择器、属性和值，语法结构如下： ```css selector {property: value} ``` 例如，下面是一个简单的 CSS 样式表示例： ```css BODY {BACKGROUND-COLOR: yellow} H1 {FONT-SIZE: 36pt} H3 {COLOR: blue} P {MARGIN-LEFT: 50px; COLOR: red} ``` 要将这个样式表包含到 HTML 文件中，可以使用以下代码： ```html <LINK REL="style sheet" TYPE="text/css" HREF="books.css" /> ``` ### 2.2 XSL XSL 是一种用于表达样式表的语言，XSL 样式表和 CSS 一样，是描述如何显示给定类型 XML 文档的文件。XSL 共享了 CSS 的功能并与之兼容（尽管使用不同的语法），但其功能远远超过 CSS。