【JavaScript】获取当前页的URL与window.location.href

【JavaScript】获取当前页的URL与window.location.href

利用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,那么其运行结果如下:

【JavaScript】获取当前页的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);

 

 

其运行结果如下: 【JavaScript】获取当前页的URL与window.location.href

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112872.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • macos 删除_mac实用工具重新安装macos

    macos 删除_mac实用工具重新安装macoscat/etc/paths/usr/local/bin/usr/bin/bin/usr/sbin/sbin进目录挨个看,找到以后删除

    2025年6月14日
    3
  • C#中HttpWebRequest的用法详解

    C#中HttpWebRequest的用法详解HttpWebRequest和HttpWebResponse类是用于发送和接收HTTP数据的最好选择。它们支持一系列有用的属性。这两个类位于System.Net命名空间,默认情况下这个类对于控制台程序来说是可访问的。请注意,HttpWebRequest对象不是利用new关键字通过构造函数来创建的,而是利用工厂机制(factorymechanism)通过Create()方法来创建的。另外,你可…

    2022年7月15日
    21
  • 3种水平垂直的方式「建议收藏」

    3种水平垂直的方式「建议收藏」1绝对定位+转换2弹性模型3单元格方式

    2022年7月3日
    23
  • Maven name与artifactId 区别[通俗易懂]

    name:Thefullnameoftheproject.artifactId:TheidentifierforthisartifactthatisuniquewithinthegroupgivenbythegroupID.Anartifactissomethingthatiseitherproducedorused

    2022年4月17日
    115
  • AD域、Windows AD域管理功能大全「建议收藏」

    AD域、Windows AD域管理功能大全「建议收藏」WindowsAD域管理功能大全,再也不用东拼西凑了!功能一、AD域管理1、AD域管理通过批量创建和编辑用户帐户,指派管理权限等,简化WindowsAD域的管理。2、批量管理域用户使用CSV文件批量导入用户、编辑用户属性、重置密码、批量迁移用户和用户对象。3、批量创建域用户通过导入CSV文件,批量创建用户,包含Exchange邮箱、终端服务等所有属性,指派到组。4、批…

    2022年5月17日
    30
  • pycharm 2021.9.2 激活码_在线激活

    (pycharm 2021.9.2 激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1S…

    2022年3月27日
    110

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号