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

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



种关系的模型，称作文档对象模型（DOM：Document　Object　Model）。　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　文档对象模型　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　25　　页　　共　　90　　页　　


…………………………………………………………Page　26……………………………………………………………

创建新对象：　　

格式：新对象名=new　　　　已存在对象名（参数表）；　　

如：　　

var　now　=　new　Date（）；　　

var　year　=　now。getYear（）；　　

alert（‘现在是’＋now）；　　

alert（‘今年是’＋year）；　　

　（2　）对象的引用方式　　

n　　自引用　　

指对象的自我引用，用关键字this　代指自己。　　

　【例2…7　】使用this　关键字进行自引用　　

2…7。htm　源代码：　　

　　【例2…7　】this　关键字的使用　　

今天要到哪里去逛一逛？　　

孙寿龙　

教学网站　　

德州学　

院　　

网易　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　this关键字的使用　　

n　按层次引用：按文档对象模型层次进行引用　　

按层次引用引用的基本模式是：父对象．子对象，如：　　

window。alert（window。document。form1。textfield1。value）；　　

其中，当前窗口可不用指明window　对象，所以上一行代码常常写成这个样子：　　

alert（document。form1。textfield1。value）；　　

按DOM　层次引用对象的适用条件：应明确知晓父子关系和各自名称。　　

n　按下标引用。适用于对象集合的处理，同名对象的集合按该名字命名的数组，通过数组下标的访问引用每个对　

　　象，下标从0　开始。使用场合：同名单选按钮组、复选框组等，组内各成员的引用。　　

　【例2…8　】以遍历数组的形式引用对象　　

2…8。htm　源代码：　　

　　

　　　　　　

　　　　　　　　　　

　　　　　　　　　　【例2…8　】以遍历数组的形式引用对象　　

　　　　　　　　　　

　　　　　　　　　　　　function　func2_8（）｛　　



　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PHP　讲义　　　　第　　26　　页　　共　　90　　页　　


…………………………………………………………Page　27……………………………………………………………

　　　　　　　　　　　　　　var　mychoice=〃〃；　　

　　　　　　　　　　　　　　for（var　i=0；iend，返回下标为＇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　　　　　　　（“提示信息”，