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 相关文章推荐
js验证模型自我实现的具体方法
Jun 21 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
JavaScript数组方法总结分析
May 06 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
javascript轮播图算法
Oct 21 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
深入理解ES6 Promise 扩展always方法
Sep 26 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 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 Token(令牌)设计
2008/03/15 PHP
php设计模式  Command(命令模式)
2011/06/17 PHP
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
PHP 解决session死锁的方法
2013/06/20 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
JavaScript小技巧 2.5 则
2010/09/12 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
Python使用Redis实现作业调度系统(超简单)
2016/03/22 Python
Python算法输出1-9数组形成的结果为100的所有运算式
2017/11/03 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
python 制作本地应用搜索工具
2021/02/27 Python
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
实习自荐信
2013/10/13 职场文书
餐饮投资计划书
2014/04/25 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
python中的被动信息搜集
2021/04/29 Python