js獲取瀏覽器地址（獲取第1個斜杠后的內(nèi)容）
更新時間：2019年09月03日 15:07:49 作者：一只大橘
這篇文章主要給大家介紹了關(guān)于js獲取瀏覽器地址（獲取第1個斜杠后的內(nèi)容）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
前言
獲取瀏覽器的地址進(jìn)行分割，真是再項目中經(jīng)常用到，這個案例是獲取瀏覽器地址后，獲得第一個斜杠后的值,然后用真實域名 拼接截取后的值。
這里用到的知識點主要有：正則表達(dá)式，字符串截取知識點。
廢話不多說，效果圖再下面，代碼案例給各位呈上.
圖片在這里
第一步，獲取瀏覽器地址，通過正則獲取到域名
<script type="text/javascript">
//獲取url中的域名
function getDomain(url) {
var host = "null";
if (typeof url === "undefined"
|| null == url)
url = window.location.href;
var regex = /.*\:\/\/([^\/]*).*/;
var match = url.match(regex);
if (typeof match !== "undefined"
&& null != match)
host = match[1];
return host;
}
第二步，這里的域名可能是一串ip地址，進(jìn)行判斷處理
//判斷是否包含數(shù)字
function hasDigit(value) {
const p = /\d/;
const m = p.test(value);
return m;
}
//
首先根據(jù) http://來進(jìn)行分割，indexOf 獲取第一個斜杠的索引，substring 截取，傳一個參數(shù)是從當(dāng)前索引位置截取到最后
//獲取第一個反斜杠后的內(nèi)容
function getLasturl(value){
if(value!==null || value !==''){//使用split 進(jìn)行分割，一定要進(jìn)行字符串判空
const str = value.split("http://");
const index = str[1].indexOf("/")+1;
return str[1].substring(index);
}
retrun null;
}
// 微信分享ip域名替換成 真實域名
function changeUrl() {
let value ="http://192.168.124.102/upload/2019/5/28/e3e8c999ae6d45c2aa6eac135b1a3b2b.jpg"
const domain = getDomain(value);
if(hasDigit(value)){
console.log(getLasturl(value));
}
}
changeUrl();
</script>
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。
相關(guān)文章
文本框(input)獲取焦點(onfocus)時樣式改變的示例代碼
本篇文章主要是對文本框(input)獲取焦點(onfocus)時樣式改變的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript 監(jiān)控微信瀏覽器且自帶返回按鈕時間
這篇文章主要介紹了JavaScript 監(jiān)控微信瀏覽器且自帶返回按鈕時間的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
JavaScript數(shù)組的定義及數(shù)字操作技巧
這篇文章主要介紹了JavaScript數(shù)組的定義及數(shù)字操作技巧的相關(guān)資料,需要的朋友可以參考下2016-06-06
ajax中g(shù)et和post的說明及使用與區(qū)別
對付亂碼我都是用過濾器做字符編碼過濾的，Get方法過濾器監(jiān)聽不到，所以我一直喜歡使用Post方法，下面對Ajax Get和Post方法做一對比,需要了解的朋友可以 參考下2012-12-12
因為ayer.confirm的按鈕并非采用button,而是a標(biāo)簽,所以獲取按鈕焦點獲取不到,要采用別的方法,下面介紹在ie11中和ie8中不同的寫法,對layui layer.confirm獲取按鈕焦點相關(guān)知識感興趣的朋友一起看看吧2023-11-11
深入理解Javascript中的valueOf與toString
javascript中所有數(shù)據(jù)類型都擁有valueOf和toString這兩個方法，null除外。它們倆解決javascript值運算與顯示的問題,本文將詳細(xì)介紹，有需要的朋友可以參考下2017-01-01
這篇文章主要給大家介紹了關(guān)于JavaScript如何實現(xiàn)元素全排列的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了es6新特征之?dāng)?shù)字?jǐn)?shù)組和字符串的相關(guān)資料，需要的朋友可以參考下2016-10-10
全面了解addEventListener和on的區(qū)別
下面小編就為大家?guī)硪黄媪私鈇ddEventListener和on的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript中的for循環(huán)與雙重for循環(huán)詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中for循環(huán)與雙重for循環(huán)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03