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 相关文章推荐
JS获取scrollHeight问题想到的标准问题
May 27 Javascript
js 单引号 传递方法
Jun 22 Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
vue中的循环对象属性和属性值用法
Sep 04 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
php 向访客和爬虫显示不同的内容
2009/11/09 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
JS常用函数使用指南
2014/11/23 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
Django的models中on_delete参数详解
2019/07/16 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
Python3+Flask安装使用教程详解
2021/02/16 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
个人求职信范文分享
2014/01/06 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript