js获取浏览器地址(获取第1个斜杠后的内容)


Posted in Javascript onSeptember 03, 2019

前言

获取浏览器的地址进行分割,真是再项目中经常用到,这个案例是获取浏览器地址后,获得第一个斜杠后的值,然后用真实域名 拼接截取后的值。

这里用到的知识点主要有:正则表达式,字符串截取知识点。

废话不多说,效果图再下面,代码案例?各位呈上.

图片在这里

js获取浏览器地址(获取第1个斜杠后的内容)

第一步,获取浏览器地址,通过正则获取到域名

<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地址,进行判断处理

//判断是否包含数字
  function hasDigit(value) {
   const p = /\d/;
   const m = p.test(value);
   return m;
  }
//

首先根据 http://来进行分割,indexOf 获取第一个斜杠的索引,substring 截取,传一个参数是从当前索引位置截取到最后

//获取第一个反斜杠后的内容
  function getLasturl(value){
   if(value!==null || value !==''){//使用split 进行分割,一定要进行字符串判空
     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>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
javascript常用的正则表达式实例
May 15 Javascript
javascript时间函数大全
Jun 30 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
Vue实现导航栏菜单
Aug 19 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 Javascript
vue路由教程之静态路由
Sep 03 #Javascript
多个vue子路由文件自动化合并的方法
Sep 03 #Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 #Javascript
vue 自动化路由实现代码
Sep 03 #Javascript
vue中npm包全局安装和局部安装过程
Sep 03 #Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 #jQuery
Webpack中loader打包各种文件的方法实例
Sep 03 #Javascript
You might like
JavaScript的parseInt 取整使用
2011/05/09 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
vue的列表交错过渡实现代码示例
2019/05/05 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
Python 返回汉字的汉语拼音
2009/02/27 Python
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
用Python配平化学方程式的方法
2019/07/20 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
业务主管岗位职责范本
2013/12/25 职场文书
购房协议书范本
2014/10/02 职场文书
青年文明号汇报材料
2014/12/23 职场文书
给老婆的保证书
2015/01/16 职场文书
公司档案管理制度
2015/08/05 职场文书
68行Python代码实现带难度升级的贪吃蛇
2022/01/18 Python
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android