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 相关文章推荐
学习ExtJS Window常用方法
Oct 07 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
Oct 10 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
JavaScript ES 模块的使用
Nov 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 MemCached高级缓存配置图文教程
2010/08/05 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
关于Aptana Studio生成自动备份文件的解决办法
2009/12/23 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
2016/03/01 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
js实现日历的简单算法
2017/01/24 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
axios发送post请求,提交图片类型表单数据方法
2018/03/16 Javascript
Vue props 单向数据流的实现
2018/11/06 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
Python中进程和线程的区别详解
2017/10/29 Python
Python GUI布局尺寸适配方法
2018/10/11 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
python hashlib加密实现代码
2019/10/17 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
python数据预处理方式 :数据降维
2020/02/24 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
python中wheel的用法整理
2020/06/15 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
农贸市场管理制度
2014/01/31 职场文书
写给老婆的检讨书
2014/02/21 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
个人委托函范文
2015/01/29 职场文书
个人道歉信大全
2019/04/11 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
PO模式在selenium自动化测试框架的优势
2022/03/20 Python