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 相关文章推荐
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
jquery读取xml文件实现省市县三级联动的方法
May 29 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
JS采用绝对定位实现回到顶部效果完整实例
Jun 20 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
javascript数组去重方法总结(推荐)
Mar 20 Javascript
javascript数组的定义及操作实例
Nov 10 Javascript
加速vue组件渲染之性能优化
Apr 09 Javascript
前端vue+elementUI如何实现记住密码功能
Sep 20 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
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下载excel无法打开的解决方法
2013/12/24 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
使用JavaScript实现ajax的实例代码
2016/05/11 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
python中 logging的使用详解
2017/10/25 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
python字符串查找函数的用法详解
2019/07/08 Python
Python求解正态分布置信区间教程
2019/11/20 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
2018/12/06 HTML / CSS
家居设计专业个人自荐信范文
2013/11/26 职场文书
高中生物教学反思
2014/02/05 职场文书
食品流通安全承诺书
2014/05/22 职场文书
运动会口号大全
2014/06/07 职场文书
学校交通安全责任书
2014/08/25 职场文书
2014年优秀党员材料
2014/12/18 职场文书
介绍长城的导游词
2015/01/30 职场文书
基层党建工作简报
2015/07/21 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python
Nginx下配置Https证书详细过程
2021/04/01 Servers
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android