location對象 · JavaScript學習

# location 對象　　window.location 對象用于獲得當前頁面的地址URL,并把瀏覽器重定向到新的頁面。 ## location對象的屬性 * location.hostname 返回web主機的域名 * location.pathname 放回當前頁面的路徑和文件名 * location.port 放回web主機的端口 * location.protocol 返回所使用的web協議 [http|https] * location.href 屬性返回當前頁面的URL * location.assign() 方法加載新的文檔 ~~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>window.location對象</title> </head> <body> <button id="btn">按鈕</button> <script> function getLoc(){ console.log( window.location.hostname); //返回web主機域名 console.log( window.location.pathname); //返回web主機名 console.log( window.location.port); //放回web主機的端口 console.log( window.location.protocol); //返回所使用的web協議 console.log( window.location.href); //屬性返回當前頁面的URL // location.assign("https://www.baidu.com"); // 加載新的文檔 } var oBtn = document.getElementById('btn'); oBtn.addEventListener("click",getLoc); </script> </body> </html> ~~~