JavaScript Window Location 對象介紹 | JavaScript 教程

2021-03-02 跟誰學編程

window.location 對象用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。

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>

以上代碼輸出為:

https://www.runoon.com/javascript/js-tutorial/javascript-window-location.html

Window Location Pathname

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

返回當前 URL 的路徑名:

<script>
document.write(location.pathname);
</script>

以上代碼輸出為:

/javascript/js-tutorial/javascript-window-location.html

Window Location Assign

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

加載一個新的文檔:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>奔月教程(runoon.com)</title>
<script>
function newDoc() {
window.location.assign("https://www.runoon.com")
}
</script>
</head>
<body>
<input type="button" value="加載新文檔" onclick="newDoc()">
</body>
</html>

點擊下方「閱讀原文」可親試效果

長按二維碼關注公眾號,查閱更多教程

相關焦點

  • JavaScript的DOM對象
    </p></noscript>全局DOM對象window對象的方法setInterval,setTimeout,clearInterval,clearTimeoutopen(URL,name,options)close()resizedBy(dw,dh)resizeTo(width,height)scrollBy(dx,dy)
  • window.location.search.substr(1)方法
    window.location:window的location對象window.location.href  整個URl字符串
  • JavaScript基礎之BOM,一篇俱全.
    :void(0);" onclick="display()">開始</a> <a href="javascript:void(0);" onclick="stop();">結束</a>4、 歷史對象 window.history.back();後退window.history.forward();前進
  • javascript
    多個屬性之間用逗號隔開,最後一個屬性不加逗號(瀏覽器兼容性問題)javascript中所有的鍵都是字符串,值是任意對象1、對象賦值windowvar x = 'test'; window.alert(x); alert(window.x);//默認所有的全局變量,都會自動綁定在window對象下
  • 一篇文章帶你了解JavaScript window location
    是DOM的核心對象,表示瀏覽器的一個實例。在瀏覽器中,window對象有雙重角色,它是通過JS訪問瀏覽器窗口的一個接口,也是Global對象(參考百度)。任何在全局作用域中聲明的變量和函數都會變成window對象的屬性和方法。
  • 你不熟悉的window.location對象詳解
    最近做個特別古老的項目,但不管怎樣,也是一次填坑長見識的機會,不管多麼爛的項目,總會讓你多少長點知識,在這個項目中,我見到很多js原生的一些方法,其中以前沒怎麼去用但感覺還是有點用的一個對象window.location出現的頻率還挺高在谷歌中搜索關鍵詞"google",打開chrome的調試工具,在Console一欄中輸入window.location,出現如下圖所示
  • Java入門到架構師教程之JavaScript:BOM對象、JavaScript設計模式系統講解與應用
    BOM的核心對象是window,它表示瀏覽器的一個實例。window對象有雙重角色,它既是通過JavaScript訪問瀏覽器窗口的一個接口,又是ECMAScript規定的Global對象。這意味著在網頁中定義的任何一個對象、變量和函數,都以window作為其Global對象,因此有權訪問parseInt()等方法。
  • JavaScript 學習 操作BOM對象—location&document
    6.操作BOM對象6.1  BOM:瀏覽器對象模型
  • 全新java大數據教程之JavaScript的DOM對象(Document Object Model 文檔對象模型)
    DOM即文檔對象模型描繪了一個層次化的節點樹,運行開發人員添加、移除和修改頁面的某一部分。dom 處於javascript 的核心地位上。每個載入瀏覽器的 HTML 文檔都會成為 Document 對象。Document 對象使我們可以從腳本中對 HTML 頁面中的所有元素進行訪問。
  • Javascript 實現複製(Copy)動作大全
    ;}</script><textarea cols="20" rows="10" id="biao1">用戶定義的代碼區域</textarea><input type="button" onClick="copyUrl2()" value="點擊複製代碼" />原理:點擊按鈕的時候觸發copyUrl2函數,根據biao1 ID選中對象
  • 擴展Formidable Forms→JavaScript 示例→表單提交後運行 JavaScript
    <script>window.open('http://www.yoururl.com', '_blank');</script>重定向到新標籤頁中的 URL 方法 2 選項 1 的缺點是瀏覽器彈出窗口阻止程序會阻止您的重定向窗口打開。選項 2 提供了另一種在提交時打開新頁面/選項卡而不觸發彈出窗口阻止程序的方法。
  • 終於人品,跳動在網頁間的精靈----JavaScript
    1、window對象BOM的核心對象是window,它表示瀏覽器的一個實例。window對象有雙重角色,它既是通過JavaScript訪問瀏覽器窗口的一個接口,又是ECMAScript規定的Global對象。
  • javascript筆記(二)
    { var box=document.getElementById('box'); var h=box.innerHTML;//獲取元素裡面的內容 h--; box.innerHTML=h; if(h==1){ location.href
  • JavaScript
    >2.2.8 Map2.2.9 JSON2.3BOM(Browser Object Model)2.3.1 基本概念2.3.2 window窗口對象2.3.2.1 定時器2.3.2.2 加載事件2.3.3 location地址欄對象2.4 封裝思想(JS框架的引入)2.5
  • JavaScript 常用方法總結
    == 'Microsoft Internet Explorer');var ismac = (u.indexOf('Mac') >= 0);var javascriptVersion = "1.0";if (String && String.prototype) { javascriptVersion = '1.1'
  • JavaScript 跨域總結與解決辦法
    「URL的首部」指window.location.protocol +window.location.host,也可以理解為「Domains, protocols and ports must match」。
  • JavaScript是什麼
    javaScript的簡單介紹【javaScript是什麼?】javaScript----是一種面向對象的腳本語言。面向對象是一種編程思想,看不見摸不著,只能體會,用實際行動來證明。面向對象這種編程思想是對面向過程的思想的升華。
  • 【JavaScript 教程】瀏覽器—History 對象
    History 對象保存了當前窗口訪問過的所有頁面網址。下面代碼表示當前窗口一共訪問過3個網址。window.history.length // 3由於安全原因,瀏覽器不允許腳本讀取這些地址,但是允許在地址之間導航。
  • JavaScript - Math對象
    Math對象在我們js中其實是有很多數學計算的需求的,不過不必擔心系統給我們提供了大量的數學運算的方法供我們使用而這些方法全都存在於我們的Math對象中Math常用的屬性:Math.PI 相當於π 3.14159Math對象常用的函數
  • 107條Javascript的常用語句
    24、指定當前顯示連結的位置:window.location.href= "URL "25、取出窗體中的所有表單的數量:document.forms.length26、關閉文檔的輸出流:document.close();27、字符串追加連接符:=28、創建一個文檔元素:document.createElement