JS之BOM的幾個對象
阿新 • • 發佈：2019-01-29
其他 tor body doctype rep 函數返回 .com href 參數
location對象
瀏覽器的地址欄對象
//對象中的屬性和方法 //location對象 //console.log(window.location); //地址欄上#及後面的內容 //console.log(window.location.hash); //主機名及端口號 //console.log(window.location.host); //主機名 //console.log(window.location.hostname); //文件的路徑---相對路徑 //onsole.log(window.location.pathname); ////端口號 //console.log(window.location.port); //協議 //console.log(window.location.protocol); //搜索的內容 //onsole.log(window.location.search);
location其他的屬性和方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" id="btn" value="按鈕"/> <script> document.getElementById("btn").onclick = function () { location.href="http://www.baidu.com";//跳轉到頁面的屬性，瀏覽器有後退 //location.assign("http://www.baidu.com");//跳轉到頁面的方法，瀏覽器有後退 // location.reload();//重新加載--刷新 //location.replace("http://www.jd.com");//替換,瀏覽器不能後退 }; </script> </body> </html>
navigator對象
//通過platform屬性可以判斷瀏覽器所在的系統平臺類型.
//console.log(window.navigator.platform);定時器
<script> //setInterval函數返回timeId var timeId = setInterval(function () { alert("hello");//每隔一秒彈框 }, 1000); document.getElementById("btn").onclick = function () { //點擊按鈕,停止定時器 //參數:要清理的定時的id的值 window.clearInterval(timeId); }; </script>
JS之BOM的幾個對象