js獲取瀏覽器地址（獲取第1個(gè)斜杠后的內(nèi)容）
更新時(shí)間：2019年09月03日 15:07:49 作者：一只大橘
這篇文章主要給大家介紹了關(guān)于js獲取瀏覽器地址（獲取第1個(gè)斜杠后的內(nèi)容）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
前言
獲取瀏覽器的地址進(jìn)行分割，真是再項(xiàng)目中經(jīng)常用到，這個(gè)案例是獲取瀏覽器地址后，獲得第一個(gè)斜杠后的值,然后用真實(shí)域名 拼接截取后的值。
這里用到的知識(shí)點(diǎn)主要有：正則表達(dá)式，字符串截取知識(shí)點(diǎn)。
廢話不多說，效果圖再下面，代碼案例給各位呈上.
圖片在這里
第一步，獲取瀏覽器地址，通過正則獲取到域名
<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 獲取第一個(gè)斜杠的索引，substring 截取，傳一個(gè)參數(shù)是從當(dāng)前索引位置截取到最后
//獲取第一個(gè)反斜杠后的內(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域名替換成 真實(shí)域名
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)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了js使用cookie記錄用戶名的方法,通過完整實(shí)例形式分析了JavaScript針對(duì)cookie的創(chuàng)建、賦值及刪除等操作技巧,以及通過cookie記錄用戶登錄信息的方法,需要的朋友可以參考下2015-11-11
最近在學(xué)Javascript，花了半個(gè)月的時(shí)間終于把《Javascript權(quán)威指南》(推薦此書，入門級(jí)) 掃完。 在學(xué)習(xí)的過程中發(fā)現(xiàn)使用JS實(shí)現(xiàn)動(dòng)態(tài)效果挺有趣的。2008-11-11
下面小編就為大家?guī)硪黄媪私釰avaScript對(duì)象進(jìn)階。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
原生JS操作網(wǎng)頁給p元素添加onclick事件及表格隔行變色
原生JS操作網(wǎng)頁,給網(wǎng)頁中的所有p元素添加onclick事件，使一個(gè)特定的表格隔行變色等等，感興趣的朋友可以參考下2013-12-12
利用JavaScript編寫Python內(nèi)置函數(shù)查詢工具
Python有豐富的內(nèi)置函數(shù)實(shí)現(xiàn)各種功能，但查詢內(nèi)置函數(shù)時(shí)總是需要百度查，有沒有一個(gè)小工具可以單機(jī)無網(wǎng)絡(luò)查詢Python內(nèi)置函數(shù)，方便自己學(xué)習(xí)編寫Python程序呢？本文就來用JavaScript編寫一個(gè)2023-02-02
JavaScript高級(jí)程序設(shè)計(jì)（第三版）學(xué)習(xí)筆記6、7章
這篇文章主要介紹了JavaScript高級(jí)程序設(shè)計(jì)（第三版）學(xué)習(xí)筆記6、7章 的相關(guān)資料,需要的朋友可以參考下2016-03-03
鼠標(biāo)經(jīng)過顯示二級(jí)菜單js特效
本文章來給大家推薦一個(gè)不錯(cuò)的鼠標(biāo)經(jīng)過顯示二級(jí)菜單js特效效果，有需要了解的朋友可以參考一下2013-08-08
這篇文章主要介紹了angular-tree-component的使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
bootstrap和jQuery.Gantt的css沖突 如何解決
這篇文章主要介紹了bootstrap和jQuery.Gantt的css沖突，本文給出了解決沖突的解決方法，感興趣的小伙伴們可以參考一下2016-05-05
SVG.js是一個(gè)輕量級(jí)的JavaScript庫，允許你輕松操作SVG和定義動(dòng)畫。這篇文章主要介紹了Svg.js實(shí)例教程及使用手冊(cè)詳解（一） 的相關(guān)資料,需要的朋友可以參考下2016-05-05