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学习笔记4 Eval函数
Jan 11 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
js 判断checkbox是否选中的实现代码
Nov 23 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
javascript实现2048游戏示例
May 04 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
在Angular中使用JWT认证方法示例
Sep 10 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
Vue+Django项目部署详解
May 30 Javascript
javascript随机变色实例代码
Oct 15 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 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
一个简洁的多级别论坛
2006/10/09 PHP
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
php eval函数用法总结
2012/10/31 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
Webpack执行命令参数详解
2017/06/17 Javascript
通过fastclick源码分析彻底解决tap“点透”
2017/12/24 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
python怎么判断素数
2020/07/01 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
PHP面试题-$message和$$message的区别
2015/12/08 面试题
机械电子工程毕业生自荐信
2013/11/23 职场文书
九年级历史教学反思
2014/01/27 职场文书
服装设计师求职信
2014/06/04 职场文书
社会发展项目建议书
2014/08/25 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
应收账款管理制度
2015/08/06 职场文书
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS