當(dāng)前位置：首頁 > 前端技术 > HTML >内容正文

HTML

Javascript之浏览器对象

發(fā)布時間：2025/3/15 HTML 26 豆豆

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

瀏覽器對象

瀏覽器對象就是網(wǎng)頁和瀏覽器本身各種實體元素在JavaScript程序中的體現(xiàn)。這樣的瀏覽器對象主要包括以下幾個

●? Navigator：管理者當(dāng)前使用瀏覽器的版本號、運行的平臺以及瀏覽器使用的語言等信息。

●? Windows對象：處于整個從屬表的最頂級位置。每一個這樣的對象代表一個瀏覽器窗口。

●? Location對象：含有當(dāng)前網(wǎng)頁的URL地址。

●? Document對象：含有當(dāng)前網(wǎng)頁的各種特性，例如標(biāo)題、背景感以及使用的語言等。

●? History對象：含有以前訪問過的網(wǎng)頁的URL地址。

使用瀏覽器的內(nèi)部對象系統(tǒng)，可實現(xiàn)于HTML文檔進(jìn)行交互。它的作用是將相關(guān)元素組織包裝起來，提供給程序設(shè)計人員使用，從而減輕編程人的勞動，提高設(shè)計Web頁面的能力。

1.Navigator對象

Navigator對象提供關(guān)于整個瀏覽器環(huán)境的信息，瀏覽器對象Navigator中常用的屬性有如下幾項：

● AppName：提供字符串形式的瀏覽器名稱。在使用Navigator時，appName的值為NetScape；在使用Internet Explorer時， appName的值為MSIE。

● AppVersion：反映瀏覽器的版本號。

● AppCodeName：反映用字符串表示的當(dāng)前瀏覽器的代碼名字。對于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行調(diào)用瀏覽器的名稱和版本號。

2.Windows對象

窗口對象包括許多有用的屬性、方法和事件驅(qū)動程序，編程人員可以利用這些對象控制瀏覽器窗口顯示的各個方面，如對話框、框架等。

下面列出一些常用Windows對象的方法。

● open（URL，windowName，parameterList）：open方法創(chuàng)建一個瀏覽器窗口，并在新窗口中載入一個指定的URL地址。

● close（）： close方法關(guān)閉一個瀏覽器窗口。

● alert（）：彈出一個消息框。

● confirm（）：彈出一個確認(rèn)框。

● 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頁面，并設(shè)定了新窗口的名稱、寬度、高度、位置及窗口屬性。

3.Location對象

Location對象是當(dāng)前網(wǎng)頁的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對象，設(shè)定了打開頁面的路徑。

4.Document對象

在Document中主要有l(wèi)inks、anchor、form等3個最重要的對象。

● Anchor錨對象

Anchor對象指的是<A Name=…> </A>標(biāo)識在HTML源碼中存在時產(chǎn)生的對象.它包含著文檔中所有的anchor信息。

● Links鏈接對象

Links對象指的是用<A Href=…></A>標(biāo)記鏈接一個超文本或超媒體的元素作為一個特定的URL

● Form窗體對象

窗體對象是文檔對象的一個元素,它含有多種格式的對象儲存信息,使用它可以在JavaScript腳本中編寫程序進(jìn)行文字輸入,并可以用來動態(tài)改變文檔的行為。通過Document.Forms[ ]數(shù)組來使得在同一個頁面上可以有多個相同的窗體，使用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行使用窗體數(shù)組Forms[ ]。

5.History對象

History對象含有以前訪問過的網(wǎng)頁的URL地址。如下面的案例使用這個對象來制作頁面中的前進(jìn)和后退按鈕。

文件范例：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="前進(jìn)" onClick="history.go(1)">
13? </FORM>
14? </BODY>
15? </HTML>

文件說明

第11行使用history.go(-1)制作后退，第12行使用history.go(1)制作前進(jìn)。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【线性代数】解行列式的基本方法
下一篇： ASP.Net生成静态HTML页!