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 select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
jquery插件开发注意事项小结
Jun 04 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
基于JS代码实现实时显示系统时间
Jun 16 Javascript
Bootstrap中表单控件状态(验证状态)
Aug 04 Javascript
jQuery操作json常用方法示例
Jan 04 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 Javascript
如何理解Vue简单状态管理之store模式
May 15 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
Smarty安装配置方法
2008/04/10 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
JSON 入门指南 想了解json的朋友可以看下
2009/08/26 Javascript
Javascript 自定义类型方法小结
2010/03/02 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
JS实现微信摇一摇原理解析
2017/07/22 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
微信小程序image图片加载完成监听
2019/08/31 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
用Python逐行分析文件方法
2019/01/28 Python
Django框架验证码用法实例分析
2019/05/10 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
python如何停止递归
2020/09/09 Python
Python爬虫开发与项目实战
2020/12/16 Python
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
师范大学应届生求职信
2013/11/21 职场文书
教育专业个人求职信
2013/12/02 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
党员检讨书
2014/10/13 职场文书
公司承诺函范文
2015/01/21 职场文书