php程序设计简明教程(DOC格式)-第7部分

快捷操作: 按键盘上方向键 ← 或 → 可快速上下翻页 按键盘上的 Enter 键可回到本书目录页 按键盘上方向键 ↑ 可回到本页顶部! 如果本书没有阅读完，想下次继续接着阅读，可使用上方 "收藏到我的浏览器" 功能 和 "加入书签" 功能！


texturea　元素输入的字符值改变时　　

select　元素选项改变后　　

　【例2…10　】onChange　事件的处理　　

2…10。htm　源代码：　　

　　

　　　　　　

　　　　　　　　　　　

　　　　　　　　　　　【例2…10　】onChange　事件的处理　　

　　　　　　　　　　　

　　　　　　　　　　　　　function　func2_10（textname；textvalue）｛　　

　　　　　　　　　　　　　　　　　　alert（〃文本框〃＋textname＋〃的值被改成了〃＋textvalue）　　

　　　　　　　　　　　　　｝　　

　　　　　　　　　　　

　　　　　　

　　　　　　

　　　　　　　　　修改这些文本框中的值，看看会发生什么事情：　　

　　　　　　　　　　　

　　　　　　　　　　　

　　　　　　

　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　onChange　事件　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　29　　页　　共　　90　　页　　


…………………………………………………………Page　30……………………………………………………………

更多事件的详细介绍，请参考相关资料，在此不再赘述。　　

　（3）常用JavaScript　内置对象的使用　　

按数据类型可分为：字符串（string）对象、算术函数（math）对象、日期（Date）对象　　

按使用时是否需要创建实例可分为：静态对象和动态对象。　　

　　　　静态对象：在引用其属性或方法时不需要为它创建实例，如string　　（字符串）；　　

　　　　动态对象：在引用其属性或方法时必须为它创建一个实例，如Date　　（日期）。　　

基本使用格式：对象名．属性名　　

　　　　　　　　　　　　　　对象名．方法名（）　　

1）串对象　　

①属性。只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。例：　　

②方法。共有　19　个，主要用于串在Web　页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写　

转换等。　　

其中，常用方法如下：　　

〃Y　　显示的控制方法　　　　

　（a　）fontsize（size）字体大小：作用同HTML　字体标签。　　　　

语法：fontsize（size）　　　　其中，1≤size≤7　　

　（b）bold（）粗体字　　

　（c　）Italics（）斜体字　　

〃Y　　字体颜色；fontcolor（color）　　　　

〃Y　　大小写转换　　　　

toLowerCase（）小写转换，toUpperCase（）大写转换。　　

〃Y　　取指定位置的字符：charAt（index），，0≤index≤串．长度…1　。　　

〃Y　　定位字符首次出现位置：indexOf（character，fromIndex）　　

从指定formIndtx　位置开始，在串中搜索character　首出现的位置，0≤formIndex≤串．长度…1　。　　

〃Y　　定位字符末次出现位置：lastIndexOf（character，fromIndex）　　　　

从指定formIndtx　位置开始，在串中搜索character　末次出现的位置，0≤formIndex　≤串．长度…1　。　　

〃Y　　取子串：substring（start；end）　　　　

取下标为＇start，end　）的子串。　　

若start》end，返回下标为＇start，end　）的子串；　　

若start=end，返回空串；　　

若start》end，返回下标为＇start，end　）的子串　　

〃Y　　上标：sup（）　，作用同HTML　上标标签　　

〃Y　　下标：sub（）　，作用同HTML　下标标签　　

　【例2…11　】JavaScript　串对象的使用　　

2…11。htm　源代码：　　

　　

　　

　　

　　【例2…11　】JavaScript　串对象的使用　　

　　

　　

　　　　document。write（〃　　【例2…11　】JavaScript　串对象的使用〃）；　　

　　　　document。write（〃〃）；　　

　　　　　　

　　　　sa=〃hello〃；　　

　　　　sb=〃world〃；　　

　　　　document。write（〃　串sa：〃＋sa）；　　

　　　　document。write（〃〃）；　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　30　　页　　共　　90　　页　　


…………………………………………………………Page　31……………………………………………………………

　　　　　　document。write（〃　串sb：〃＋sb）；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　　　

　　　　　　document。write（〃sa　的长度：〃＋sa。length）；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa　设成7　号字体：〃＋sa。fontsize（7））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa　变红色：〃＋sa。fontcolor（〃red〃））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa　变大写：〃＋sa。toUpperCase（））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa　中首次出现字母l　的下标位置=〃＋　sa。indexOf（〃l〃；0））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　　　

　　　　　　document。write（〃sa　中末次出现字母l　的下标位置=〃＋　sa。lastIndexOf（〃l〃；0））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa。substring（0；2）=〃＋　sa。substring（0；2））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　　　

　　　　　　document。write（〃sa。substring（2；0）=〃＋　sa。substring（2；0））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa。substring（2；2）=〃＋　sa。substring（2；2））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sa。charAt（2）=〃＋　sa。charAt（2））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sb　输出为上标：〃＋sb。sup（））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。write（〃sb　输出为sa　的上标：〃＋sa＋sb。sup（））；　　

　　　　　　document。write（〃〃）；　　

　　　　　　　　

　　　　　　document。close（）；　　

　　

　　

　　

　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　31　　页　　共　　90　　页　　


…………………………………………………………Page　32……………………………………………………………

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

2　）系统函数　　

JavaScript　中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建任何实例；　

可直接用。　　

方法名：eval　　（字串表达式）　　

作用：返回字符串表达式中的值　　

例：　　

test=eval（〃8＋9＋5/2〃）；//test=19。5　　

　（4　）窗口对象的使用　　

有关输入可通过窗口（Window　）对象来完成，而输出可通过文档（document　）对象的方法来实现。　　

　【例2…14　】窗口的简单例子　　

2…14。htm　源代码：　　

　　

　　

　　

　　【例2…14　】窗口的简单例子　　

　　

　　

　　

　　　　　var　yourinput=window。prompt（〃请输入数据：〃；〃这里是默认数据〃）；　　

　　　　　document。clear（）；　　

　　　　　document。write（〃你刚才输入的是：〃＋yourinput）；//输出流　　

　　　　　document。close（）；//关闭输出流　　

　　

　　

　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　32　　页　　共　　90　　页　　


…………………………………………………………Page　33……………………………………………………………

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　窗口的简单例子　　

其中window。prompt（）是窗口对象的一个方法，作用是，当装入Web　页面时，在屏幕上显示一个具有“确定”和　

　“取消”的对话框，让你输入数据。document。write　是文档对象的一个方法，作用是实现Web　页面的输出显示。　　

　　

窗口对象在DOM　中的层次：顶层　　

　　

　１）属性：主要用来对浏览器中存在的各种窗口和框架的引用　　

〃Y　　parent　：指明当前窗口或框架的父窗口。　　

〃Y　　defaultStatus　：窗口的状态栏的默认显示值。　　

〃Y　　status：窗口状态栏信息。　　

〃Y　　top　：引用顶层窗口。　　

〃Y　　window　：指的是当前窗口　　

〃Y　　self：当前窗口自引用。　　

〃Y　　frames　　框架集合　　

〃Y　　location　　窗口中文档地址　　

框架，窗口的窗口，可以理解为子窗口，实现一个窗口的分隔，注意以下几点：　　

①frames　中各frame　是通过HTML　标识　的顺序来引用的，它包含了一个窗口中的全部帧数。　　

②框架本身是窗口的子窗口，继承了窗口对象所有的全部属性和方法。　　

　　

　２）方法：主要用来提供信息或输入数据以及创建一个新的窗口。　　

〃Y　　open（）　：将文档输出到一个新窗口中去。　　

语法格式：window。open（新窗口的文档来源，新窗口名称，新窗口特征参数）；　　

可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　表　　新窗口特征参数　　



　　　　　　　　　　　　　　　　　　　　　　　　新窗口特征参数名　　　　　　　　　　设定值　　　　　　　　　　　　　　　含　　义　　



　　　　　　　　　　　　　　　　　　　　　　　　toolbar　　　　　　　　　　　yes/no　　　　窗口中是否含有标准工具栏　　



　　　　　　　　　　　　　　　　　　　　　　　　location　　　　　　　　　　yes/no　　　　窗口中是否含有地址栏　　　　



　　　　　　　　　　　　　　　　　　　　　　　　directions　　　　　　　　yes/no　　　　窗口中是否含有文件夹按钮　　　　



　　　　　　　　　　　　　　　　　　　　　　　　status　　　　　　　　　　　　yes/no　　　　窗口中是否含有状态栏　　　　



　　　　　　　　　　　　　　　　　　　　　　　　menubar　　　　　　　　　　　yes/no　　　　窗口中是否含有菜单栏　　　　



　　　　　　　　　　　　　　　　　　　　　　　　scrollbar　　　　　　　　　yes/no　　　　窗口中是否含有滚动条　　　　



　　　　　　　　　　　　　　　　　　　　　　　　revisable　　　　　　　　　yes/no　　　　能否调整窗口　　



　　　　　　　　　　　　　　　　　　　　　　　　width　　　　　　　　　　　　　像素值　　　　确定窗口的宽度　　　　



　　　　　　　　　　　　　　　　　　　　　　　　height　　　　　　　　　　　　像素值　　　　确定窗口的　　



说明：yes/no　也可以换成1/0；参数之间用逗号分隔。　　

例如：window。open（“abc/xyz。htm”；xyz；”toolbar=no；status=no；resizable=no”）；　以　xyz　为窗口名称，在其中输出文档　

abc/xyz。htm，窗口xyz　不带有工具栏、状态栏，不允许调整大小，其他特征采用浏览器对窗口的默认设定值。　　

〃Y　　alert（）　：输出一个具有“确定”按钮的消息框，用来向用户显示消息，一旦按“确定”钮后，方可继续执行其　

　　他脚本程序，因此也可作为调试程序的手段。　　

　　语法格式：window。alert（消息）；　　　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　33　　页　　共　　90　　页　　


…………………………………………………………Page　34……………………………………………………………

　　常常采用简化格式：alert（消息）；　　

〃Y　　confirm（）　：输出一个具有“确定”和“取消”按钮的　　确认框，获取用户确认信息。　　

　　语法格式：window。firm（消息）；　　

〃Y　　prompt（）　：输出一个允许用户输入信息的输入框。　　

　　语法格式：window。prompt　　　　　　　（“提示信息”，默认值）　　

〃Y　　close（）　：关闭当前窗口　　

　　　　语法格式：window。close（）；　　

　　

　３）事件　　

窗口对象对应于HTML　文档中的和两种标识；　　

〃Y　　onload　事件：装入Web　文档　　

〃Y　　onunload　事件：卸载Web　文档　　

如下代码标识的文档，当打开时和关闭时，都有相应的消息显示。　　

　　

　　

　　

　　

　　

　　

　　

　　

　（５）文档（document）对象　　

属性：　　

　　　　〃Y　　bgColor　　　网页背景颜色　　

　　　　〃Y　　fgColor　　网页前景颜色，即网页中文字的颜色　　

　　　　〃Y　　forms　　网页中表单的集合　　

　　　　〃Y　　lastModified　　网页最后修改日期　　

　　　　〃Y　　linkColor　　网页中超链接文字颜色　　

　　　　〃Y　　links　　网页中超链接的集合　　

　　　　〃Y　　location　　网页文档地址　　

　　　　〃Y　　title　网页文档的标题，即　中的内容　　

方法：　　

　　　　〃Y　　clear　（）　　清空文档内容　　

　　　　〃Y　　write（字符串）　　输出字符串　　

　　　　〃Y　　writeln（字符串）　　输出字符串，然后换行　　

事件：　　

　　　　〃Y　　onload　事件：装入Web　文档　　

　　　　〃Y　　onunload　事件：卸载Web　文档　　

　　



第三节　　实验二　　Web　客户端技术　　



实验目的：掌握基本的Web　客户端技术　　

实验要求：掌握基本HTML　设计和JavaScript　编程技术　　

实验环境：　　

实验室已经安装好如下实验环境　　

操作系统：Windows98　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　34　　页　　共　　90　　页　　


…………………………………………………………Page　35……………………………………………………………

Web　服务器：Apache　1。3。14　　安装路径：c：Apache　　默认发布文档路径：c：Apachehtdocs　　

PHP　：PHP　4。0。4　　安装路径：c：php　　

脚本编辑器：Macromedia　Dreamweaver　MX　　中文版、记事本或UltraEdit10　简体中文版　　

注意：使用以上脚本编辑器，若要保存为。php　文件，必须在保存时指明扩展名为。php　　

尤其是记事本，必须在保存时，单击“保存类型”下拉框，选择“所有文件（*。*）”类型，然后指定文件扩展名是。php，　

单击“保存”按钮后，保存的文件才能保证是。php　文件。常见错误是直接保存，导致保存的文件其实是文