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函数
Apr 09 Javascript
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
angular2+node.js express打包部署的实战
Jul 27 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
php学习之简单计算器实现代码
2011/06/09 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
javascript中eval和with用法实例总结
2015/11/30 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
Vue用mixin合并重复代码的实现
2020/11/27 Vue.js
python函数形参用法实例分析
2015/08/04 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
python手写均值滤波
2020/02/19 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
医学专业应届生的自我评价
2014/02/28 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
小学节能减排倡议书
2014/05/15 职场文书
环保倡议书怎么写
2014/05/16 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
色戒观后感
2015/06/12 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers