浏览器对象
 
 

浏览器对象就是网页和浏览器本身各种实体元素在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="请点击我" οnclick="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)制作前进。
 

Javascript之浏览器对象相关推荐

  1. 6、JavaScript进阶篇③——浏览器对象、Dom对象

    一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...

  2. javascript的浏览器Bom详解,window、location、history对象

           BOM(BrowserObjectModel)也叫浏览器对象模型,描述与浏览器进行交互的方法和接口.BOM由多个对象组成, 其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对 ...

  3. JavaScript知识笔记（三）——内置对象、浏览器对象

    内置对象: (与Java很像) JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长 ...

  4. JavaScript 浏览器对象BOM

    浏览器对象 BOM BOM是browser Object Model的缩写,简称浏览器对象模型 BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 基本的BOM体系结构图 BOM提供了一 ...

  5. JavaScript学习笔记之BOM篇，认识几种常见的浏览器对象

    BOM(Browser Object Document)即浏览器对象模型,顾名思义就是为了控制浏览器的行为而出现的接口.浏览器可以做什么呢?比如跳转到另一个页面.前进.后退等等,程序还可能需要获取屏幕 ...

  6. JavaScript进阶篇③ — 浏览器对象、Dom对象

    一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...

  7. javascript学习笔记下篇--浏览器对象

    浏览器对象 一.事件 事件对象 事件的冒泡 事件的委派 事件的绑定/注册 常用事件 事件的传播 二.DOM对象 1.DOM查找 2.DOM树修改 DOM树添加 DOM删除和替换 3.DOM属性和样式修 ...

  8. Javascript（BOM）浏览器对象 2017-08-01

    1. JavaScript中的窗口(window)对象(回顾) 2. JavaScript 中的计时器 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行. ...

  9. JavaScript 的自定义对象 、内置对象、 浏览器对象(window对象以及子对象)、Dom对象

    JS 中的 Object从本质上看,Object 是一个构造函数,用于创建对象. console.dir(Object); //ƒ Object() var obj = new Object(1); ...

最新文章

  1. codevs 2075 yh女朋友的危机
  2. 微信小游戏创业，究竟是红海还是死海？
  3. Shell脚本编写与应用
  4. elasticsearch数据长期保存的方案
  5. 数据库软件安装和数据库创建的几种方法
  6. hdu1372 Knight Moves BFS 搜索
  7. 敏捷开发中的Code Review
  8. Android学习笔记（二）基础知识（1）
  9. python实现文件上传
  10. 计算机网络工程师模拟题库,计算机网络工程师模拟题56.doc
  11. 学校实训密码锁设计（基于STC51单片机）报告
  12. 数据库基础知识（思维导图）
  13. 机器人开发--NDC方案
  14. 云上PDF怎么删除页眉页脚_有办法了！批量删除多个Word页眉页脚
  15. 光之盟：从ONA的握手，解锁全光网产业未来
  16. 大厂码农在北京买房需要几年？
  17. android TextView向上滚动（模仿滚动文字广告效果）
  18. 类的初始化以及实例化
  19. Math.atan和Math.atan2函数
  20. event.initEvent()

热门文章

  1. ASP.NET中上传下载文件
  2. hdu 4495（hash+二分+dp）
  3. java------线程同步方法
  4. 马尔科夫网络和一阶马尔科夫链
  5. Docker 配置固定IP及桥接的实现方法(转载)
  6. asp.net webapi 自托管插件式服务(转）
  7. 递归删除目录下.svn文件
  8. bzoj 3747: [POI2015]Kinoman
  9. 【转】十分有用的linux shell学习总结
  10. [Silverlight]常见问题