首頁  >  文章  >  web前端  >  JavaScript中的location物件如何使用

JavaScript中的location物件如何使用

不言
不言原創
2018-12-21 16:22:015999瀏覽

JavaScript中的location物件如何使用中的location物件如何使用中location物件的使用方法:先建立一個HTML範例檔案;然後在body中輸入<script>標籤;最後在<script>標籤中輸入【location.函數名稱;】來取得有關網頁地址的資訊即可。 </script>

JavaScript中的location物件如何使用

本教學操作環境:windows7系統、javascript1.8.5版、DELL G3電腦。

JavaScript中的location物件如何使用中的location物件如何使用中有時候你可能需要取得網頁位址(URL)的資訊或移動到指定的位址,這個時候最方便的方法是使用location物件。

URL是統一資源定位符的縮寫,表示Internet上頁面的「位址」。可用於儲存程式設計的各種資訊(例如資訊類型,伺服器名稱,連接埠號碼和檔案名稱)在URL中。

location物件儲存這些訊息,在實際的開發中,它用於從URL取得參數並移動到指定的位址。

我們下面先來看location物件的寫法

location.函数名

接著我們來看location物件的主要用法

先看一個程式碼

<!DOCTYPE html>
<html lang = "ja">
<head>
  <meta charset = "utf-8">
  <title>JavaScript中的location物件如何使用中的location物件如何使用</title>
</head>
<body>
  <script>
    // location对象的显示
    console.log(location);
    // url的获取
    var url = location.href;
    console.log(url);

    // 协议的获取
    var protocol = location.protocol;
    console.log(protocol);

    // 移动到指定的url(确定的话可以删除以下的注释)
    // location.href = &#39;http://www.php.cn/course.html&#39;
  </script>
</body>
</html>

運行結果如下

JavaScript中的location物件如何使用中的location物件如何使用

#下面我們仔細看看每個內容

location物件的分析1

console.log(location);

在console.log中輸出位置對象,可以看到各種資訊儲存如下。

JavaScript中的location物件如何使用中的location物件如何使用

location物件的分析2

var url = location.href;
console.log(url);

準備一個名為「url」的變數並儲存location.href函數的返回值。

結果,輸出以下字串。

href: "file:///C:/Users/Administrator/Desktop/%E5%89%8D%E7%AB%AF/demo.html"

location物件的分析3

var protocol = location.protocol;
console.log(protocol);

準備一個名為「protocol」的變數並儲存location.protocol函數的回傳值。

結果,輸出以下字串。

"file:"

location物件的分析4

location.href = &#39;http://www.php.cn/course.html&#39;

透過設定要轉換為「location.href」的頁面的URL,可以切換到對應的頁面。

以上是JavaScript中的location物件如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn