當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

Javascript之浏览器对象

發布時間：2025/3/15 HTML 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 Javascript之浏览器对象小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

瀏覽器對象

瀏覽器對象就是網頁和瀏覽器本身各種實體元素在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="請點擊我" ο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? 
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)制作前進。

總結

以上是生活随笔為你收集整理的Javascript之浏览器对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。