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 this 深入理解
Jul 30 Javascript
javascript 面向对象 function类
May 13 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
IE6下拉框图层问题探讨及解决
Jan 03 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
bootstrap表单示例代码分享
May 18 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
从vue源码看props的用法
Jan 09 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 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
用libtemplate实现静态网页生成
2006/10/09 PHP
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
php对二维数组进行排序的简单实例
2013/12/19 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
动态刷新 dorado树的js代码
2009/06/12 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
移动Web中图片自适应的两种JavaScript解决方法
2015/06/18 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
nodejs根据ip数组在百度地图中进行定位
2017/03/06 NodeJs
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
财务会计专业毕业生自荐信
2013/10/19 职场文书
财务与信息服务专业推荐信
2013/11/28 职场文书
寄语十八大感言
2014/02/07 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
共产党员公开承诺书
2014/03/25 职场文书
停车场管理协议书范本
2014/10/08 职场文书
期末考试复习计划
2015/01/19 职场文书
校车司机安全责任书
2015/05/11 职场文书
学校教学工作总结2015
2015/05/19 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
python使用glob检索文件的操作
2021/05/20 Python