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>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持。
相关推荐
-
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
看到别人写的JS,ajax请求地址后加随机参数,比如XXXX?t= + new Date().getTime(). 一开始搞不懂为什么,网上查了资料,原因是防止浏览器缓存. 浏览器为了提高用户访问同一页面的速度,会对页面数据进行缓存.当url请求地址不变时, 有时候会导致浏览器不发送请求,直接从缓存中读取之前的数据. 如果数据改变了,而没加随机数,读取的数据会跟之前一样. 加上随机数,就是欺骗浏览器url改变了,会每次都向服务器发送请求而不去读缓存
-
JS获取浏览器地址栏的多个参数值的任意值实例代码
下面通过一段代码给大家介绍js获取浏览器地址栏的多个参数值的任意值,具体代码如下所示: getParamValue("id"); //http://localhost:2426/TransactionNotes.aspx?id=100 //返回值是100: // 根据参数名称获取参数值 function getParamValue(name) { var paramsArray = getUrlParams(); if (paramsArray != null) { for (var
-
使用JavaScript修改浏览器URL地址栏的实现代码
现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码.来看看它是如何工作的. 复制代码 代码如下: var stateObject = {};var title = "Wow Title";var newUrl = "/my/awesome/url";history.pushState
-
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
大家通过手机自带浏览器打开百度.淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App.实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片. 如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用window.scrollTo()方法,将当前页面在屏幕上向上滚动,造成地址栏
-
node.js调用Chrome浏览器打开链接地址的方法
本文主要介绍的是node.js调用Chrome浏览器打开链接地址的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍: 借助open模块实现 通过node-open模块,可以在任何平台上打开某个浏览器网址. 通过NPM安装 npm install open 使用Chrome打开网址 var open = require("open"); open("http://www.google.com", "chrome"); 调用Start打开
-
js获取浏览器地址(获取第1个斜杠后的内容)
前言 获取浏览器的地址进行分割,真是再项目中经常用到,这个案例是获取浏览器地址后,获得第一个斜杠后的值,然后用真实域名 拼接截取后的值. 这里用到的知识点主要有:正则表达式,字符串截取知识点. 废话不多说,效果图再下面,代码案例給各位呈上. 图片在这里 第一步,获取浏览器地址,通过正则获取到域名 <script type="text/javascript"> //获取url中的域名 function getDomain(url) { var host = "nul
-
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
如下所示: screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth
-
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
本文实例讲述了JS实现兼容各种浏览器的获取选择文本的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" con
-
Js与Jq获取浏览器和对象值的方法
JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cl
-
JS不能跨域借助jquery获取IP地址的方法
获取IP地址,JS也可以获取客户端IP地址啦,大家知道JS不能跨域,所以这里借助了jquery,真的可以实现获取IP地址,代码如下,已通过测试: <script language="javascript" src="http://www.jb51.net/jslib/jquery/jquery.js"></script> <script language="javascript"> jQuery(functio
-
js智能获取浏览器版本UA信息的方法
js智能获取浏览器版本UA信息的方法 /* * 智能获取浏览器版本信息 * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit:
-
用js小类库获取浏览器的高度和宽度信息
因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了),因此,我们需要准备的知道用户当前的浏览的位置的信息.在实现这个要求之前,先来看看在js中有哪些工具可以让我们使用: 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域
-
Js操作DOM元素及获取浏览器高宽的简单方法
在JavaScript中,经常会来获取Document文档元素,是 HTML 文档对象模型的英文缩写,Document Object Model for HTML,是基于浏览器编程,HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法. 通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素.HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaS
-
详解js动态获取浏览器或页面等容器的宽高
首先说一下js动态获取浏览器或页面等容器的宽高的方法大体有哪些: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body
随机推荐
- Java编程基础测试题分享
- lightBox 简易的全屏透明遮罩解决方法
- 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
- Java 实现随机验证码功能简单实例
- Objective-C 代码与Javascript 代码相互调用实例
- Oracle Database 10g数据库安装及配置教程
- 在ASP.NET中重写URL的代码
- windows中为php安装mongodb与memcache
- python使用pymysql实现操作mysql
- C#中按引用传递与按值传递的区别,以及ref与out关键字的用法详解
- MYSQL日志的正确删除方法详解
- MySQL 存储过程传参数实现where id in(1,2,3,...)示例
- Python HTTP客户端自定义Cookie实现实例
- 微信小程序教程系列之视图层的条件渲染(10)
- 移动手机APP手指滑动切换图片特效附源码下载
- JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
- 深入理解Commonjs规范及Node模块实现
- 在flex中执行一个javascript方法的简单方式
- apache 局域网访问配置方案第1/2页
- C#实现的ZPL条码打印类完整实例