欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中的location、history、navigator對象實例介紹

 更新時間：2023年05月16日 00:22:16   作者：碼仙  
這篇文章主要介紹了JavaScript中的location、history、navigator對象實例介紹,需要的朋友可以參考下

1.location

//地址欄上#及后面的內(nèi)容
console.log(window.location.hash);
//主機(jī)名及端口號
console.log(window.location.host);
//主機(jī)名
console.log(window.location.hostname);
//文件的路徑---相對路徑
console.log(window.location.pathname);
//端口號
console.log(window.location.port);
//協(xié)議
console.log(window.location.protocol);
//搜索的內(nèi)容
console.log(window.location.search);
//設(shè)置跳轉(zhuǎn)的頁面的地址
location.href = "http://www.dbjr.com.cn";//屬性----------------->必須記住
location.assign("http://www.dbjr.com.cn");//方法
//重新加載--刷新
location.reload();
//沒有歷史記錄
location.replace("http://www.dbjr.com.cn");

2.history

<body>
<input type="button" value="跳過去" id="btn1"/>
<input type="button" value="前進(jìn)" id="btn2"/>
<script>
    //跳轉(zhuǎn)的
    document.getElementById("btn1").onclick = function () {
        window.location.;
    };
    //前進(jìn)
    document.getElementById("btn2").onclick = function () {
        window.history.forward();
    };
</script>
</body>

歷史記錄的后退和前進(jìn) history: back()后退 forward()前進(jìn) 

3.navigator

<script>
    //通過userAgent可以判斷用戶瀏覽器的類型
    console.log(window.navigator.userAgent);
    //通過platform可以判斷瀏覽器所在的系統(tǒng)平臺類型.
    console.log(window.navigator.platform);
</script>

到此這篇關(guān)于JavaScript中的location、history、navigator對象實例介紹的文章就介紹到這了,更多相關(guān)js location、history、navigator內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • js中的this的指向問題詳解

    js中的this的指向問題詳解

    這篇文章主要介紹了js中的this的指向問題以及相關(guān)知識點內(nèi)容，需要的朋友們參考學(xué)習(xí)下。
    2019-08-08
  • JavaScript實現(xiàn)QueryString獲取GET參數(shù)的方法

    JavaScript實現(xiàn)QueryString獲取GET參數(shù)的方法

    本文為大家詳細(xì)介紹下如何通過JavaScript實現(xiàn)QueryString獲取GET參數(shù)，具體實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
    2013-07-07
  • JavaScript判斷是否是微信瀏覽器

    JavaScript判斷是否是微信瀏覽器

    通過判斷UA中是否有關(guān)鍵字micromessenger，有的話則是微信內(nèi)置瀏覽器。下面小編給大家分享實現(xiàn)代碼，代碼簡單易懂，需要的朋友可以參考下
    2016-06-06
  • JavaScript fetch接口案例解析

    JavaScript fetch接口案例解析

    本文通過案例給大家介紹了JavaScript fetch接口,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
    2018-08-08
  • KnockoutJS 3.X API 第四章之表單textInput、hasFocus、checked綁定

    KnockoutJS 3.X API 第四章之表單textInput、hasFocus、checked綁定

    這篇文章主要介紹了KnockoutJS 3.X API 第四章之表單textInput、hasFocus、checked綁定的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • js導(dǎo)出格式化的excel 實例方法

    js導(dǎo)出格式化的excel 實例方法

    最常見的方式是使用js函數(shù)操作excle文件，這種方式可能因瀏覽器不同，存在兼容性問題。另一種簡單方法就是導(dǎo)出一個excel能識別格式的xml文件，用excel打開。
    2013-07-07
  • 淺談JavaScript中的“!!”作用

    淺談JavaScript中的“!!”作用

    這篇文章主要介紹了淺談JavaScript中的“!!”作用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • 基于javascript實現(xiàn)最簡單的選項卡切換效果

    基于javascript實現(xiàn)最簡單的選項卡切換效果

    這篇文章主要介紹了基于javascript實現(xiàn)最簡單的選項卡切換效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-05-05
  • javascript頭像上傳代碼實例

    javascript頭像上傳代碼實例

    這篇文章主要介紹了javascript頭像上傳代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-09-09
  • 如何在uniapp項目中使用mqtt

    如何在uniapp項目中使用mqtt

    本文給大家分享uniapp中引入mqtt的全過程，在uniapp項目根目錄下分別運(yùn)行安裝mqtt和uuid的命令行，因為后面會用uuid生成mqtt的clientId，文中給大家介紹mqtt和uuid安裝過程，感興趣的朋友跟隨小編一起學(xué)習(xí)下吧
    2021-05-05

最新評論