JavaScript中的location、history、navigator對象實例介紹
更新時間：2023年05月16日 00:22:16 作者：碼仙
這篇文章主要介紹了JavaScript中的location、history、navigator對象實例介紹,需要的朋友可以參考下
1.location
//地址欄上#及后面的內(nèi)容
console.log(window.location.hash);
//主機名及端口號
console.log(window.location.host);
//主機名
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);
//設置跳轉(zhuǎn)的頁面的地址
location.href = "http://www.fzitv.net";//屬性----------------->必須記住
location.assign("http://www.fzitv.net");//方法
//重新加載--刷新
location.reload();
//沒有歷史記錄
location.replace("http://www.fzitv.net");2.history
<body>
<input type="button" value="跳過去" id="btn1"/>
<input type="button" value="前進" id="btn2"/>
<script>
//跳轉(zhuǎn)的
document.getElementById("btn1").onclick = function () {
window.location.;
};
//前進
document.getElementById("btn2").onclick = function () {
window.history.forward();
};
</script>
</body>歷史記錄的后退和前進 history: back()后退 forward()前進
3.navigator
<script>
//通過userAgent可以判斷用戶瀏覽器的類型
console.log(window.navigator.userAgent);
//通過platform可以判斷瀏覽器所在的系統(tǒng)平臺類型.
console.log(window.navigator.platform);
</script>到此這篇關于JavaScript中的location、history、navigator對象實例介紹的文章就介紹到這了,更多相關js location、history、navigator內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
基于Bootstrap使用jQuery實現(xiàn)簡單可編輯表格
這篇文章主要介紹了基于Bootstrap使用jQuery實現(xiàn)簡單可編輯表格的相關資料,需要的朋友可以參考下2016-05-05
JsBarcode是一個用JavaScript編寫的條形碼生成器,它支持多種條形碼格式,可在瀏覽器和Node.js中使用,下面這篇文章主要給大家介紹了關于JS使用jsBarcode生成條形碼(一維碼)的相關資料,需要的朋友可以參考下2023-03-03
uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題解決
最近工作一直在uniapp開發(fā)小程序這一塊,相信很多開發(fā)者都遇到過代碼體積太大無法打包的問題,這篇文章主要給大家介紹了關于uniapp開發(fā)微信小程序主包太大和vendor.js過大無法打包問題的解決辦法,需要的朋友可以參考下2023-11-11
下面小編就為大家?guī)硪黄猨s和C# 時間日期格式轉(zhuǎn)換的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本篇文章主要是對JS操作Array數(shù)組的方法及屬性進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了JavaScript新增樣式規(guī)則(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JavaScript深拷貝和淺拷貝概念與用法,結(jié)合實例形式較為詳細的分析了javascript深拷貝與淺拷貝的概念、原理、用法及相關操作技巧,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了javascript實現(xiàn)校驗文件上傳控件,實例分析了javascript檢測上傳文件類型是否為圖片的功能,非常具有實用價值,需要的朋友可以參考下2015-04-04
本篇文章主要介紹了js綁定事件和解綁事件的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
JavaScript實現(xiàn)前端網(wǎng)頁版倒計時
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)前端網(wǎng)頁版倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03