JavaScript中l(wèi)ocation對象的使用方法:首先創(chuàng)建一個HTML示例文件;然后在body中輸入<script>標簽;最后在<script>標簽中輸入【location.函數(shù)名;】來獲取有關(guān)網(wǎng)頁地址的信息即可。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦。
JavaScript中有時候你可能需要獲取有關(guān)網(wǎng)頁地址(URL)的信息或移動到指定的地址,這個時候最方便的方法是使用location對象。
URL是統(tǒng)一資源定位符的縮寫,表示Internet上頁面的“地址”。可以用于存儲編程的各種信息(例如信息類型,服務器名稱,端口號和文件名)在URL中。
location對象存儲這些信息,在實際的開發(fā)中,它用于從URL獲取參數(shù)并移動到指定的地址。
立即學習“Java免費學習筆記(深入)”;
我們下面先來看location對象的寫法
location.函數(shù)名
接著我們來看location對象的主要用法
先看一個代碼
<!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScript</title> </head> <body> <script> // location對象的顯示 console.log(location); // url的獲取 var url = location.href; console.log(url); // 協(xié)議的獲取 var protocol = location.protocol; console.log(protocol); // 移動到指定的url(確定的話可以刪除以下的注釋) // location.href = 'http://ipnx.cn/course.html' </script> </body> </html>
運行結(jié)果如下
下面我們仔細看看每個內(nèi)容
location對象的分析1
console.log(location);
在console.log中輸出位置對象,可以看到各種信息存儲如下。
location對象的分析2
var url = location.href; console.log(url);
準備一個名為“url”的變量并存儲location.href函數(shù)的返回值。
結(jié)果,輸出以下字符串。
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函數(shù)的返回值。
結(jié)果,輸出以下字符串。
"file:"
location對象的分析4
location.href = 'http://ipnx.cn/course.html'
通過設(shè)置要轉(zhuǎn)換為“l(fā)ocation.href”的頁面的URL,可以切換到相應的頁面。
以上就是JavaScript中的location對象如何使用的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
java怎么學習?java怎么入門?java在哪學?java怎么學才快?不用擔心,這里為大家提供了java速學教程(入門到精通),有需要的小伙伴保存下載就能學習啦!
微信掃碼
關(guān)注PHP中文網(wǎng)服務號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號