亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
首頁 > web前端 > js教程 > 正文

JavaScript中的location對象如何使用

不言
發(fā)布: 2018-12-21 16:22:01
原創(chuàng)
6342人瀏覽過
JavaScript中l(wèi)ocation對象的使用方法:首先創(chuàng)建一個HTML示例文件;然后在body中輸入<script>標簽;最后在<script>標簽中輸入【location.函數(shù)名;】來獲取有關(guān)網(wǎng)頁地址的信息即可。

JavaScript中的location對象如何使用

本教程操作環(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é)果如下

JavaScript

下面我們仔細看看每個內(nèi)容

location對象的分析1

北極象沉浸式AI翻譯
北極象沉浸式AI翻譯

免費的北極象沉浸式AI翻譯 - 帶您走進沉浸式AI的雙語對照體驗

北極象沉浸式AI翻譯0
查看詳情 北極象沉浸式AI翻譯
console.log(location);
登錄后復制

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

JavaScript

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在哪學?java怎么學才快?不用擔心,這里為大家提供了java速學教程(入門到精通),有需要的小伙伴保存下載就能學習啦!

下載
來源:php中文網(wǎng)
本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權(quán)歸原作者所有,本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn
作者最新文章
最新問題
開源免費商場系統(tǒng)廣告
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓,幫助PHP學習者快速成長!
關(guān)注服務號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學習
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號