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 相关文章推荐
Jquery中Ajax 缓存带来的影响的解决方法
May 19 Javascript
浅析javascript中的DOM
Mar 01 Javascript
javascript实现日期按月份加减
May 15 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
Vue中使用sass实现换肤功能
Sep 07 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
js实现批量删除功能
Aug 27 Javascript
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
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使用curl实现简单模拟提交表单功能
2017/05/15 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
Expandable &quot;Detail&quot; Table Rows
2007/08/29 Javascript
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
javascript 快速排序函数代码
2012/05/30 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
jQuery实现简单倒计时功能的方法
2016/07/04 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python列表推导式的使用方法
2013/11/21 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
英国最大的在线时尚眼镜店:Eyewearbrands
2019/03/12 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
初中家长寄语
2014/04/02 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
Django实现翻页的示例代码
2021/05/24 Python