瀏覽器對象方法(JavaScript)

Browser 對象

navigator

Navigator 對象包含有關(guān)瀏覽器的信息
注意: 沒有應(yīng)用于 navigator 對象的公開標準,不過所有瀏覽器都支持該對象

Navigator 對象屬性

appCodeName

返回瀏覽器的代碼名

navigator.appCodeName//'Mozilla'

appCodeName

返回瀏覽器的名稱

navigator.appName//'Netscape'

appVersion

返回瀏覽器的平臺和版本信息

navigator.appVersion//'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36 Edg/99.0.1150.30'

cookieEnabled

返回指明瀏覽器中是否啟用 cookie 的布爾值

navigator.cookieEnabled//true

platform

返回運行瀏覽器的操作系統(tǒng)平臺

navigator.platform//'Win32'

userAgent

返回由客戶機發(fā)送服務(wù)器的user-agent 頭部的值

navigator.userAgent//true

Navigator 對象方法

javaEnabled()

指定是否在瀏覽器中啟用Java

navigator.javaEnabled()//false

taintEnabled()

指定是否在瀏覽器中啟用Java

navigator.taintEnabled()//false

Screen 對象

Screen 對象包含有關(guān)客戶端顯示屏幕的信息
**注意: **沒有應(yīng)用于 screen 對象的公開標準,不過所有瀏覽器都支持該對象

Screen 對象屬性

availHeight

返回屏幕的高度(不包括Windows任務(wù)欄)

screen.availHeight//870

availWidth

返回屏幕的寬度(不包括Windows任務(wù)欄)

screen.availWidth//1440

colorDepth

返回目標設(shè)備或緩沖器上的調(diào)色板的比特深度

screen.colorDepth//24

height

返回屏幕的總高度

screen.height//900

width

返回屏幕的總寬度

screen.width//24

pixelDepth

返回屏幕的顏色分辨率(每象素的位數(shù))

screen.pixelDepth//24

History 對象

History 對象包含用戶(在瀏覽器窗口中)訪問過的 URL
History 對象是 window 對象的一部分,可通過 window.history 屬性對其進行訪問
注意: 沒有應(yīng)用于 navigator 對象的公開標準,不過所有瀏覽器都支持該對象

Navigator 對象屬性

length

返回歷史列表中的網(wǎng)址數(shù)

  1. 注意: Internet Explorer和Opera從0開始,而Firefox、Chrome和Safari從1開始。
history.length

History 對象方法

back()

加載 history 列表中的前一個 URL

// back() 方法可加載歷史列表中的前一個 URL(如果存在)
history.back();
//調(diào)用該方法的效果等價于點擊后退按鈕或調(diào)用 history.go(-1)。

forward()

加載 history 列表中的下一個 URL

// back() 方法可加載歷史列表中的下一個 URL(如果存在)
history.forward();
//調(diào)用該方法的效果等價于點擊后退按鈕或調(diào)用 history.go(1)。

go()

加載 history 列表中的某個具體頁面

history.go(number|URL)

Location 對象

Location 對象包含有關(guān)當前 URL 的信息
Location 對象是 window 對象的一部分,可通過 window.location.xxx 格式的相關(guān)屬性對其進行訪問

Location 對象屬性

hash

返回一個URL的錨部分

location.hash// 返回 #后(#en/zh/123)

host

返回一個URL的主機名和端口

location.host// 返回 http://或https://后面fanyi.baidu.com

hostname

返回URL的主機名

location.hostname// 返回 http://或https://后面fanyi.baidu.com

href

返回完整的URL

location.href// https://fanyi.baidu.com/aldtype=16047#en/zh/Browser

pathname

返回的URL路徑名

location.pathname

port

返回一個URL服務(wù)器使用的端口號

location.port

protocol

返回一個URL協(xié)議

location.protocol// http:

search

返回一個URL的查詢部分

location.search// '?aldtype=16047'

Location 對象方法

assign()

載入一個新的文檔

location.assign(URL)// assign()方法加載一個新的文檔

reload()

重新載入當前文檔

location.reload()//(true/false)

replace()

用新的文檔替換當前文檔

location.replace(URL)

JavaScript 存儲對象

Web 存儲 API 提供了 sessionStorage (會話存儲) 和 localStorage(本地存儲)兩個存儲對象來對網(wǎng)頁的數(shù)據(jù)進行添加、刪除、修改、查詢操作

  1. localStorage 用于長久保存整個網(wǎng)站的數(shù)據(jù),保存的數(shù)據(jù)沒有過期時間,直到手動去除
  2. sessionStorage 用于臨時保存同一窗口(或標簽頁)的數(shù)據(jù),在關(guān)閉窗口或標簽頁之后將會刪除這些數(shù)據(jù)

實例

// 保存數(shù)據(jù)語法
localStorage.setItem("key", "value");
// 讀取數(shù)據(jù)語法
var lastname = localStorage.getItem("key");
// 刪除數(shù)據(jù)語法
localStorage.removeItem("key");
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容