Javascript之浏览器对象

最新推荐文章于 2024-01-23 09:09:44 发布

一剑平江湖

最新推荐文章于 2024-01-23 09:09:44 发布

阅读量643

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：浏览器 javascript windows html 脚本 input

本文链接：https://blog.youkuaiyun.com/diligentcatrich/article/details/5488900

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

本文介绍了浏览器对象的基础概念，包括Navigator、Window、Location、Document和History等核心对象的用途及使用方法，展示了如何通过这些对象控制浏览器行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器对象

浏览器对象就是网页和浏览器本身各种实体元素在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 
03 
04 
05 <HTML>
06 <HEAD>
07 <TITLE>Navagator对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 
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 
03 
04 
05 <HTML>
06 <HEAD>
07 <TITLE>Window对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 
14 </Script>
15 </BODY>
16 </HTML>

文件说明

第12行使用Windows对象的 open方法打开9-1.htm页面，并设定了新窗口的名称、宽度、高度、位置及窗口属性。

3.Location对象

Location对象是当前网页的URL地址，可以使用Location对象来让浏览器打开某页。

文件范例：15-26.htm

在脚本中使用Windows对象
01 
02 
03 
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 
03 
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 
03 
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)制作前进。