• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js获取当前页的URL与window.location.href简单方法

js获取当前页的URL与window.location.href简单方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了location.href url,js location.href,js中location.href,window.location.href,location.href等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

利用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> 

</div>

如果当前页面的url为http://localhost:6666/myphp/mobile/pc1.php,那么其运行结果如下:

上面的函数同时展示如何获取当前页名称的做法。

获取利用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); 
</div>

其运行结果如下:

补充:substring(start,stop)   知识

语法

语法stringObject.substring(start,stop)
</div>

返回值

一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明

substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

以上这篇js获取当前页的URL与window.location.href简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • js获取当前页的URL与window.location.href简单方法

相关文章

  • 2017-05-11layer弹出层中H5播放器全屏出错的解决方法
  • 2017-05-11js 递归和定时器的实例解析
  • 2017-09-11JavaScript 函数介绍、函数调用
  • 2017-05-11微信小程序 数组中的push与concat的区别
  • 2017-05-11js实现短信发送倒计时功能(正则验证)
  • 2017-05-11JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
  • 2017-05-11详解JS中的立即执行函数
  • 2017-05-11图文详解Javascript中的上下文和作用域
  • 2017-05-11微信小程序 增、删、改、查操作实例详解
  • 2017-05-11微信小程序(六):列表上拉加载下拉刷新示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js轮播图透明度切换(带上下页和底部圆点切换)
    • js 调用百度分享功能
    • canvas实现动态小球重叠效果
    • Vue常用指令V-model用法
    • jQuery EasyUI Accordion可伸缩面板组件使用详解
    • vue2滚动条加载更多数据实现代码
    • jQuery使用方法
    • Google 爬虫如何抓取 JavaScript 的内容
    • krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用
    • Extjs让combobox写起来简洁又漂亮

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有