溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了BOM中location對象的屬性和方法是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇BOM中location對象的屬性和方法是什么文章都會有所收獲，下面我們一起來看看吧。
window 對象給我們提供了一個 location 屬性用于獲取或設置窗體的 URL，并且可以用于解析 URL 。 因為這個屬性返回的是一個對象，所以我們將這個屬性也稱為 location 對象。
統一資源定位符 (Uniform Resource Locator, URL) 是互聯網上標準資源的地址。互聯網上的每個文件都有一個唯一的 URL，它包含的信息指出文件的位置以及瀏覽器應該怎么處理它。
URL 的一般語法格式為：
protocol://host[:port]/path/[?query]#fragment http://www.itcast.cn/index.html?name=andy&age=18#link
案例1：5秒鐘之后自動跳轉頁面
分析：
利用定時器做倒計時效果 時間到了，就跳轉頁面。使用 location.href
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button>點擊</button>
<div></div>
<script>
var btn = document.querySelector('button');
var div = document.querySelector('div');
btn.addEventListener('click', function() {
// console.log(location.href);
location.href = 'http://www.itcast.cn';
})
var timer = 5;
setInterval(function() {
if (timer == 0) {
location.href = 'http://www.itcast.cn';
} else {
div.innerHTML = '您將在' + timer + '秒鐘之后跳轉到首頁';
timer--;
}
}, 1000);
</script>
</body>
</html>案例2：獲取 URL 參數數據（主要練習數據在不同頁面中的傳遞）
分析：
第一個登錄頁面，里面有提交表單， action 提交到 index.html頁面
第二個頁面，可以使用第一個頁面的參數，這樣實現了一個數據不同頁面之間的傳遞效果
第二個頁面之所以可以使用第一個頁面的數據，是利用了URL 里面的 location.search參數
在第二個頁面中，需要把這個參數提取。
第一步去掉？ 利用 substr
第二步 利用=號分割 鍵 和 值 split(‘=‘)
第一個數組就是鍵 第二個數組就是值
<body>
<button>點擊</button>
<script>
var btn = document.querySelector('button');
btn.addEventListener('click', function() {
// 記錄瀏覽歷史，所以可以實現后退功能
// location.assign('http://www.itcast.cn');
// 不記錄瀏覽歷史，所以不可以實現后退功能
// location.replace('http://www.itcast.cn');
location.reload(true);
})
</script>
</body>關于“BOM中location對象的屬性和方法是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“BOM中location對象的屬性和方法是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
