js获取当前页的URL与window.location.href简单方法


Posted in Javascript onFebruary 13, 2017

利用JavaScript获取当前页的URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般的Javascript函数。

其实不是,Javascript获取当前页的URL的函数就是我们经常用来重定向的window.location.href。

比如如下函数:

<script> 
var url=window.location.href; 
var loc = url.substring(url.lastIndexOf('/')+1, url.length);  
alert("url="+url+",loc="+loc); 
</script>

如果当前页面的url为http://localhost:6666/myphp/mobile/pc1.php,那么其运行结果如下:

js获取当前页的URL与window.location.href简单方法

上面的函数同时展示如何获取当前页名称的做法。

获取利用window.location.href的变量获取整个url之后,要哪一部分的地址,利用substring,indexof等字符串处理函数对获取到的url进行处理,截取你想要的部分。

平时利用window.location.href做重定向,就是改变整个浏览器的url,

如果后面没有赋值,这就成了获取当前值的语句。

与document.getElementById("xx").value一样,你能够修改,就能够获取了。

当然,如果获取一些特定的值,比如当前的协议与端口,就不用截取字符串这么麻烦了。

直接利用window.location.port拿端口,window.location.protocol拿协议,window.location.search还能拿url问号后面的部分,当然也可以利用它们来改相应的值。

比如如下代码:

alert("protocol:"+window.location.protocol+",port:"+window.location.port);

其运行结果如下:

js获取当前页的URL与window.location.href简单方法

补充:substring(start,stop)   知识

语法

语法stringObject.substring(start,stop)

js获取当前页的URL与window.location.href简单方法

返回值

一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stopstart

说明

substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

如果参数 startstop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 startstop 大,那么该方法在提取子串之前会先交换这两个参数。

以上这篇js获取当前页的URL与window.location.href简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
Javascript this指针
Jul 30 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 Javascript
js实现九宫格拼图小游戏
Feb 13 #Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 #Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 #Javascript
如何用js判断dom是否有存在某class的值
Feb 13 #Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 #Javascript
详解Javascript中DOM的范围
Feb 13 #Javascript
JS简单判断函数是否存在的方法
Feb 13 #Javascript
You might like
PHP隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
PHP输出时间差函数代码
2013/01/28 PHP
php 中文字符串首字母的获取函数分享
2013/11/04 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
2020/09/22 Javascript
python机器学习实战之树回归详解
2017/12/20 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python3.6编写的单元测试示例
2019/08/17 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
Java基础类库面试题
2013/09/04 面试题
如何定义一个可复用的服务
2014/09/30 面试题
租房协议书怎么写
2014/04/10 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
机械专业技术员求职信
2014/06/14 职场文书
南京导游词
2015/02/03 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技
python 单机五子棋对战游戏
2022/04/28 Python