向服务器请求2-3.htm 的结果见图10。 PHP 讲义 第 20 页 共 90 页 图10 FORM 标签示例
以上介绍了HTML 的常用标记，美国麻省理工学院（MIT：Massachusetts Institute of Technology）计算机科
学实验室的WWW 标准化组织W3C（又称万维网联盟W3C），是HTML 的先锋，其互联网地址为：
http://www.w3.org。有关HTML、CSS、XML 语言的各种最新的、权威的、官方的资料，在该网站均可查到。 3.JavaScript 工作原理
HTML 代码所表示的文档是一种静态文档，几乎没有交互功能，很难使页面成为动态页面。增加脚本语言，可使
数据发送到服务器之前先进行处理和校验，动态地创建新的Web 内容，更重要的是，引入脚本语言使我们有了
事件驱动的软件开发环境。 （1）JavaScript 简介
JavaScript 的原名叫LiveScript，是NetScape 公司在引入Sun 公司有关Java 的程序设计概念后，重新设计而
更名的。JavaScript 是一种可以嵌入HTML 文档的，基于对象并具有某些面向对象特征的脚本语言。
说明：浏览器端脚本语言除了JavaScript，还有VBScript 和Jscript，后两个是Microsoft 公司设计的，欲了解相
关内容，可到Microsoft 公司网站查询。本课程仅介绍JavaScript。
（2）JavaScript 的特点
JavaScript 是一种基于对象(Object-Based)和事件驱动(Event Driven)，由浏览器解释执行的，具有安全性能的客
户端脚本语言。使用它的目的是与HTML、Java Applet（Java 小程序）一起实现在一个Web 页面中链接多个对
象，与Web 客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入在HTML 语言中实现的。它的出
现弥补了HTML 语言的缺陷，它是Java 与HTML 折衷的选择，具有以下几个基本特点： ? 是一种脚本语言
采用小程序段的方式实现编程，以嵌入的方式，与HTML 标识结合在一起，方便用户的使用操作。
? 基于对象的语言。
这里的对象，是指客户机、浏览器、网页文档。也就是说，JavaScript 以类似C、Java 的语法，以客户机、浏
览器、网页文档、文档内部各种以标记表示的HTML 元素为对象，以控制这些对象为目标，进而控制整个客户
端的一种客户端脚本编程语言。
? 简单
首先它是一种基于Java 基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java 是一种非常好的过渡。
其次它的变量类型是采用弱类型，并未使用严格的数据类型。 ? 安全
它不允许访问服务器本地的硬盘，因此不能将数据存入到服务器上；不允许对网络文档进行修改和删除，只能通
过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 PHP 讲义 第 21 页 共 90 页
? 动态
它可以直接对用户的输入做出响应，无须经过Web 服务程序。它对用户的响应，是采用以事件驱动的方式进行 的。事件(Event)可分为两类，一是用户对浏览器进行的某种操作，比如按下鼠标、移动窗口、选择菜单等，可
以视为用户事件；二是系统事件，如时间的时刻变化等。当事件发生后，会向浏览器发送相应的消息（用户消息
或系统消息），根据消息，浏览器可能会做出相应的响应，这种响应称为事件驱动，也叫消息驱动。 ? 跨平台
JavaScript 代码由浏览器解释执行，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript 的浏览器
就可正确执行，从而实现了“编写一次，走遍天下”的梦想。
实际上JavaScript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理
软件及一浏览器，无须WEB 服务器通道，通过自己的电脑即可完成所有的事情。 JavaScript 和 Java 很类似，但并不一样。Java 是一种比JavaScript 更复杂许多的程序语言，而 JavaScript 则
是相当容易了解的语言。许多 Java 的特性在 Java Script 中并不支持。 （3）JavaScript 的工作原理
1）JavaScript 的工作原理
JavaScript 编程可以完成诸如构造动画，动态菜单等使页面更加生动、活泼的任务（实例见洪恩在线：
http://www.hongen.com/pc/homepage/javascript/index1.htm），还可以对客户机文件系统、注册表等进行操作，
如对文件夹、文件的建立，复制，删除，修改注册表，锁定注册表，锁定浏览器等等，有许多随着网页打开而运
行的病毒就是含在网页中的JavaScript 程序在作怪。由此可见，JavaScript 是控制客户机的精灵。
在B/S 程序中，为了均衡负载，减轻服务器的计算负担，凡是不需要服务器程序做的工作，
可尽量交给客户端
程序（如JavaScript 程序）去做。我们用HTML 标记构造出用户界面，用户通过界面输入数据，向浏览器请求
数据等操作。在用户输入数据，或者是输入完毕，将数据向服务器提交的时候，对数据的检验等任务完全可交给
JavaScript 程序来完成。本课程主要介绍此类任务的JavaScript 编程技术。 通过JavaScript 脚本检验FORM 数据
JavaScript 的工作原理，就是以基于对象和一些面向对象的特征：
? JavaScript 通过控制客户机上各种对象的方式，控制客户机，对客户机进行操作。 ? 根据用户或系统事件，做出相应的响应。 第二节 Web 客户端基本技术 1.数据传递
（1）客户端向服务器传递数据的方法：POST 和GET
浏览器向服务器进行数据传送，若使用FORM，常用的传送数据的方法是GET 和POST。 ①GET 方法通过URL 请求来传递用户的输入，形式：URL?var_name1=value1&var_name2=value2，即将表单
内各字段名称与其内容， 以成对的字符串连接， 置于表单ACTION 属性所指的URL 后， 如
http://211.64.32.2/login.php?name=abc&password=123，数据都会直接显示在 URL 上，就像用户点击一个链
接一样；POST 方法通过 HTTP POST 机制，将表单内各字段名称与其内容放置在 HTML 表头(header)内一
PHP 讲义 第 22 页 共 90 页
起传送给服务器端交由ACTION 属性能所指的程序处理，该程序会通过标准输入(stdin)方式，将表单的数据读
出并加以处理。
②通过GET 方法提交数据，可能会带来安全性的问题。比如一个登陆页面，当通过GET 方法提交数据时，用
户名和密码将出现在URL 上。如果登陆页面可以被浏览器缓存或其他人可以访问客户的这台机器。那么，别人
就可以从浏览器的历史记录中，读取到此客户的账号和密码。所以，在某些情况下，GET 方法会带来严重的安
全性问题。
③GET 方式传输的数据量非常小，一般限制在 2 KB 左右，但是执行效率却比 POST 方法好；而POST 方式
传递的数据量相对较大，它是等待服务器来读取数据，不过也有字节限制，这是为了避免对服务器用大量数据进
行恶意攻击。使用PHP，默认的POST_MAX_SIZE 是2M（通过配置php.ini 实现），如果你想利用POST 方式
上传软件，就需要更改这个值了（我设置为20M 仍然能够正确上传文件），但是倘若试图使用GET 方式，就没
有可能实现这种功能。
建议在FORM 中，使用POST 方法。
下列情况表明传递数据使用的是GET 方法：
? 在地址栏中进行GET 请求
在地址栏中使用请求形式：URL?var_name1=value1&var_name2=value2??。 如http://nc.dzu.edu.cn/article/show.php?id=139（其中URL 为http://nc.dzu.edu.cn/article/show.php），
作用：向URL 所指向的程序文件show.php 传递一个变量，变量名为id，变量值为139，该程序将从数据库
中取出有关id 为139 的那条新闻的信息，表示成HTML 代码后返回给请求者的浏览器。 在地址栏中进行GET 请求的情况 ? 单击了一个链接。
【例2-4】通过链接传递数据的HTML 标记 2-4.htm 源代码：
? 对FORM 的METHOD 属性，使用GET 属性值 （2）小结
从PHP 的角度看，浏览器向服务器传递数据： 使用表单对象时，$表单对象名=表单变量。
使用URL?参数名=参数值时，$参数名=查询字符串（querystring）变量。
如【例2-3】中，用户在文本字段textfield 中输入的数据，发送到FORM 的ACTION 指向的服务器程序2-3.php
后，2-3.php 将接收到表单变量$textfield 和该变量内的值。
当在超链接地址或地址栏采用URL?var_name1=value1&var_name2=value2? ? 形式时，var_name1、
PHP 讲义 第 23 页 共 90 页 var_name2 等是查询字符串变量。
另外，一个服务器程序，也称页，对接收到的表单变量或查询字符串变量，都作为页内局部变量处理，本页程序
执行完毕，这些变量统统自动释放，所以不能将这些变量传递到另外一个PHP 程序中去，即不能跨页传递。就
像接力棒比赛中，不能跨人传棒。
既然默认情况下，不能将x.php 中的$a 传到y.php，要想将x.php 中的局部变量$a 传到程序y.php，可借助于隐
藏域：在x.php 中用表单中的隐藏域，临时存储$a 的值，然后提交表单到y.php，即可实现向y.php 发送数据的 目的。
具体做法一般是这样： x.php: ?
?
这时，从请求服务的角度来看，x.php 就是客户端程序，y.php 就是服务器程序了。
2.JavaScript 嵌入HTML 的方式
与C 语言非常相似，但去掉了Ｃ语言中有关指针等容易产生的错误，并提供了功能强大的类库。对于已经具备
Ｃ语言的人来说，学习JavaScript 脚本语言是一件非常轻松愉快的事。
JavaScript 的脚本包括在HTML 中，它成为HTML 文档的一部分。与HTML 标识相结合，构成了一个功能强大
的Internet 网上编程语言。
（1）JavaScript 嵌入HTML 的方法
1）块嵌入：显式的JavaScript 脚本块嵌入的方法 JavaScript 块：
说明： 通过脚本语言开始标记指明JavaScript 脚本源代码块。
通过属性Language =\说明标记中是使用的何种语言，这里是JavaScript 语言, 表示在
JavaScript 中使用的语言。 嵌入的地方：
? 嵌入
?中：在主页和其余部分代码之前装载，从而可使代码的功能更强大； ? 嵌入?中：以实现某些部分动态地创建文档。 下面是将JavaScript 脚本块加入Web 文档中的例子: 【例2-5】将JavaScript 脚本块加入Web 文档 2-5.htm 源代码：
在浏览器的窗口中调用2-5.htm，则显示“hello,world”字串。见图所示。 PHP 讲义 第 24 页 共 90 页 用JavaScript 脚本输出的hello,world
说明:
①document.write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口； ②document.close()是将输出关闭。
在实际应用中，常常将自定义的JavaScript 函数放在
?中，JavaScript 脚本块形成这个样子：