05 客户端开发（2）.ppt

郝兴伟
山东大学计算机科学与技术学院
******@sdu.
第5章客户端开发
目录
浏览器内部对象
Web交互
综合举例
浏览器内部对象
JavaScript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。
这正是基于对象(object based)编程的真正目的。
面向对象(object oriented)OOP
navigator对象树
在JavaScript中,有关浏览器的一些功能和信息是被封闭在一系列的对象之中,这些对象被组织成树状结构,称为Navigator对象树。
navigator对象
在Navigator的对象树中,navigator对象处于最顶层,它和window对象均在对象树顶层。主要的属性和方法有:
1. appName属性
存储表示浏览器名称的字符串。“Netscape”,或者“Microsoft Explorer”
2. appVersion属性
存储客户所用浏览器的版本号,一般形式为
VersionNumber+(PlatformName;+Version;+…)
VersionNumber为浏览器的版本号;正在运行的操作系统平台等
[例5-6] 使用navigator对象查看客户端浏览器特性

您的浏览器特性

浏览器名称:

(代码续)
浏览器版本:

支持javascript:



(运行结果)
结果
window对象
window即客户的浏览器窗口,window对象用于描述窗口的特征,它是document、location和history对象的父对象。
window对象是任何对象、属性和方法的假定父对象。也就是说,用户可以在任一对象、属性和方法(不包括window对象本身)之前加上一个“window.”,作为它的所有者。
如果不加的话,浏览器仍假定其所有者是window。
例如:
语句alert("hello,world");
等价于:("hello,world);
1 Window对象类实例:window,self,parent和top
严格地说window,self,parent和top不能算是window对象的属性,更合理的说法是它们是当前环境所涉及的window对象实例,或称它们是特殊的关键字。
--self和window所代表的都是当前的窗口。
使用self和window属性的好处是增加程序可读性,因此在比较复杂的程序中可以考虑使用它。
-- parent所指的是当前框架或窗口所在的父窗口,这一属性在使用框架的网页中用途最广泛。
-- top是用以实现所有下级窗口的窗口,即主窗口,它和parent有一些相似之处。