目錄
Window
Location
History
Screen
瀏覽器物件模型 (BOM) 使 JavaScript 有能力與瀏覽器"對話"，BOM可以使我們通過js來操作瀏覽器
在BOM中為我們提供了一組物件，用來完成對瀏覽器的操作 ，
Window
代表的是整個瀏覽器的視窗，同時window也是網頁中的全域物件 ，重要屬性如下
所有 JavaScript 全域物件、函式以及變數均自動成為 window 物件的成員，
全域變數是 window 物件的屬性，
全域函式是 window 物件的方法，
<script>
window.innerHeight - 瀏覽器視窗的內部高度(包括滾動條)
window.innerWidth - 瀏覽器視窗的內部寬度(包括滾動條)
window.open() - 打開新視窗
window.close() - 關閉當前視窗
window.moveTo() - 移動當前視窗
window.resizeTo() - 調整當前視窗的尺寸
</script>Navigator
代表的當前瀏覽器的資訊，通過該物件可以用來識別不同的瀏覽器，重要屬性如下
<script>
txt = "<p>瀏覽器代號: " + navigator.appCodeName + "</p>";
txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>";
txt+= "<p>瀏覽器版本: " + navigator.appVersion + "</p>";
txt+= "<p>啟用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬體平臺: " + navigator.platform + "</p>";
txt+= "<p>用戶代理: " + navigator.userAgent + "</p>";
txt+= "<p>用戶代理語言: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>Location
代表當前瀏覽器的地址欄資訊，通過Location可以獲取地址欄資訊，或者操作瀏覽器跳轉頁面
<script>
location.hostname //回傳 web 主機的域名
location.pathname //回傳當前頁面的路徑和檔案名
location.port //回傳 web 主機的埠 （80 或 443）
location.protocol //回傳所使用的 web 協議（http: 或 https:
</script>
History
代表瀏覽器的歷史記錄，可以通過該物件來操作瀏覽器的歷史記錄
由于隱私原因，該物件不能獲取到具體的歷史記錄，只能操作瀏覽器向前或向后翻頁，而且瀏覽器關閉后有效
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<script>
function goBack()
{
window.history.back() //history.back() 方法加載歷史串列中的前一個 URL，
}
function goForward()
{
window.history.forward() //history forward() 方法加載歷史串列中的下一個 URL，
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()"> //向前
<input type="button" value="Forward" onclick="goForward()"> //向后
</body>
</html>Screen
代表用戶的螢屏 的資訊，通過該物件可以通過獲取用戶的顯示幕的相關的資訊，重要屬性如下
<script>
document.write("可用寬度: " + screen.availWidth);
document.write("可用高度: " + screen.availHeight);
</script>如果本篇博客對您有一定的幫助，大家記得留言+點贊哦，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/232055.html
標籤：其他