浏览器对象
浏览器对象就是网页和浏览器本身各种实体元素在JavaScript程序中的体现。这样的浏览器对象主要包括以下几个
● Navigator：管理者当前使用浏览器的版本号、运行的平台以及浏览器使用的语言等信息。
● Windows对象：处于整个从属表的最顶级位置。每一个这样的对象代表一个浏览器窗口。
● Location对象：含有当前网页的URL地址。
● Document对象： 含有当前网页的各种特性，例如标题、背景感以及使用的语言等。
● History对象：含有以前访问过的网页的URL地址。
使用浏览器的内部对象系统，可实现于HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。
1.Navigator对象
Navigator对象提供关于整个浏览器环境的信息，浏览器对象Navigator中常用的属性有如下几项：
● AppName：提供字符串形式的浏览器名称。在使用Navigator时，appName的值为NetScape；在使用Internet Explorer时， appName的值为MSIE。
● AppVersion： 反映浏览器的版本号。
● AppCodeName：反映用字符串表示的当前浏览器的代码名字。对于Navigator的所有版本，这个值都是Mozilla。
文件范例：15-24.htm
在脚本中使用Navigator对象。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-24.htm -->
03 <!-- 文件说明：Navagator对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Navagator对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 document.write("你使用的是"+navigator.appName+"<br>"+navigator.appVersion)
13 -->
14 </Script>
15 </BODY>
16 </HTML>
文件说明
第12行调用浏览器的名称和版本号。
2.Windows对象
窗口对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。
下面列出一些常用Windows对象的方法。
● open（URL，windowName，parameterList）：open方法创建一个浏览器窗口，并在新窗口中载入一个指定的URL地址。
● close（）： close方法关闭一个浏览器窗口。
● alert（）：弹出一个消息框。
● confirm（）：弹出一个确认框 。
● prompt（）：弹出一个提示框。
文件范例：15-25.htm
在脚本中使用Windows对象
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-25.htm -->
03 <!-- 文件说明：Window对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Window对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 window.open ("9-1.htm", "newwindow", "height=400, width=400, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
13 -->
14 </Script>
15 </BODY>
16 </HTML>
文件说明
第12行使用Windows对象的 open方法打开9-1.htm页面，并设定了新窗口的名称、宽度、高度、位置及窗口属性。
3.Location对象
Location对象是当前网页的URL地址，可以使用Location对象来让浏览器打开某页。
文件范例：15-26.htm
在脚本中使用Windows对象
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-26.htm -->
03 <!-- 文件说明：Location对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Location对象</TITLE>
08 </HEAD>
09 <BODY>
10 <form>
11 <Input type="button" Value="请点击我" onclick="window.location.href='9-1.htm';">
12 </form>
13 </BODY>
14 </HTML>
文件说明
第11行使用Location对象，设定了打开页面的路径。
4.Document对象
在Document中主要有links、anchor、form等3个最重要的对象。
● Anchor锚对象
Anchor对象指的是<A Name=…> </A>标识在HTML源码中存在时产生的对象.它包含着文档中所有的anchor信息。
● Links链接对象
Links对象指的是用<A Href=…></A>标记链接一个超文本或超媒体的元素作为一个特定的URL
● Form窗体对象
窗体对象是文档对象的一个元素,它含有多种格式的对象储存信息,使用它可以在JavaScript脚本中编写程序进行文字输入,并可以用来动态改变文档的行为。通过Document.Forms[ ]数组来使得在同一个页面上可以有多个相同的窗体，使用Forms[ ]要比使用窗体名字方便的多。
文件范例：15-27.htm
在脚本中使用Document对象
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-27.htm -->
03 <!-- 文件说明：Document对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Document对象</TITLE>
08 </HEAD>
09 <BODY>
10 <form>
11 <input type=text onChange="document.my.elements[0].value=this.value;">
12 </form>
13 <form NAME="my">
14 <input type=text onChange="document.forms[0].elements[0].value=this.value;">
15 </form>
16 </BODY>
17 </HTML>
文件说明
第11行使用窗体，第14行使用窗体数组Forms[ ]。
5.History对象
History对象含有以前访问过的网页的URL地址。如下面的案例使用这个对象来制作页面中的前进和后退按钮。
文件范例：15-28.htm
在脚本中使用History对象。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-28.htm -->
03 <!-- 文件说明：History对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>History对象</TITLE>
08 </HEAD>
09 <BODY>
10 <FORM>
11 <INPUT TYPE="button" VALUE="后退" onClick="history.go(-1)">
12 <INPUT TYPE="button" VALUE="前进" onClick="history.go(1)">
13 </FORM>
14 </BODY>
15 </HTML>
文件说明
第11行使用history.go(-1)制作后退，第12行使用history.go(1)制作前进。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
