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学习资源站点
Aug 29 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
Dec 02 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
vue webpack实用技巧总结
Apr 24 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中常用数组处理方法实例分析
2008/08/30 PHP
fgetcvs在linux的问题
2012/01/15 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
js数组的操作指南
2014/12/28 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
Python3基础之基本运算符概述
2014/08/13 Python
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Django 视图层(view)的使用
2018/11/09 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
仓库管理制度
2014/01/21 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
美容院营销方案
2014/03/05 职场文书
2014年政工师工作总结
2014/12/18 职场文书
2015年安全生产责任书
2015/01/30 职场文书
创业计划书之网吧
2019/10/10 职场文书
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android