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 相关文章推荐
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
JavaScript中reduce()方法的使用详解
Jun 09 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 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
Adodb的十个实例(清晰版)
2006/12/31 PHP
php防注
2007/01/15 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP+redis实现微博的拉模型案例详解
2019/07/10 PHP
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
Python基础篇之初识Python必看攻略
2016/06/23 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
美国休闲服装品牌:J.Crew Factory
2017/03/04 全球购物
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
公务员职务工作的自我评价
2013/11/01 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
1000字打架检讨书
2014/11/03 职场文书
岁月神偷观后感
2015/06/11 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书