JavaScript強化教程——Window Location

時間 2021-01-02

標籤 html web ide spa orm htm 對象教程文檔欄目 JavaScript 简体版

原文原文鏈接

本文爲 H5EDU 機構官方 HTML5培訓教程，主要介紹：JavaScript強化教程 —— Window Location

Window Location

window.location 對象在編寫時可不使用 window 這個前綴。

一些例子：

location.hostname 返回 web 主機的域名
location.pathname 返回當前頁面的路徑和文件名
location.port 返回 web 主機的端口（80 或 443）
location.protocol 返回所使用的 web 協議（http:// 或 https://）

Window Location Href

location.href 屬性返回當前頁面的 URL。

實例

返回（當前頁面的）整個 URL：<script> document.write(location.href); </script>以上代碼輸出爲：http://www.w3school.com.cn/js/ ... indow Location Pathname

location.pathname 屬性返回 URL 的路徑名。

實例

返回當前 URL 的路徑名：<script> document.write(location.pathname); </script>以上代碼輸出爲：/js/js_window_location.aspWindow Location Assign

location.assign() 方法加載新的文檔。

實例

加載一個新的文檔：<html> <head> <script> function newDoc() { window.location.assign("http://www.w3school.com.cn";) } </script> </head> <body> <input type="button" value="加載新文檔" </body> </html>html