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 相关文章推荐
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
js实现旋转木马效果
Mar 17 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
详解如何运行vue项目
Apr 15 Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
修改Vue打包后的默认文件名操作
Aug 12 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 5.5版本的array_column()函数
2014/10/24 PHP
thinkPHP微信分享接口JSSDK用法实例
2017/07/07 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
[52:14]VG vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
学习python处理python编码问题
2011/03/13 Python
python的urllib模块显示下载进度示例
2014/01/17 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
python logging日志模块的详解
2017/10/29 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
Python实现全排列的打印
2018/08/18 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
Python shutil模块用法实例分析
2019/10/02 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
EVE LOM英国官网:全世界最好的洁面膏
2017/10/30 全球购物
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
物业总经理助理岗位职责
2014/06/29 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
助学感谢信范文
2015/01/21 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
Nginx下配置Https证书详细过程
2021/04/01 Servers
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang