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 相关文章推荐
基于JQUERY的两个ListBox子项互相调整的实现代码
May 07 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
对JavaScript客户端应用编程的一些建议
Jun 24 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
微信小程序实现分享商品海报功能
Sep 30 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
Openlayers实现点闪烁扩散效果
Sep 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
详解Python中的路径问题
2020/09/02 Python
一个J2EE项目团队的主要人员组成是什么
2012/06/04 面试题
运动会解说词100字
2014/01/31 职场文书
职工代表大会主持词
2014/04/01 职场文书
会计学专业自荐信
2014/06/25 职场文书
民间借贷协议书范本
2014/10/01 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
初一数学教学反思
2016/02/17 职场文书
《社戏》教学反思
2016/02/22 职场文书
Python语言内置数据类型
2022/02/24 Python
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS
nginx配置指令之server_name的具体使用
2022/08/14 Servers