【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)
上一篇 2021年10月28日 下午6:00
下一篇 2021年10月28日 下午7:00


相关推荐

  • ARM指令集介绍「建议收藏」

    ARM指令集介绍「建议收藏」ARM指令介绍ARM指令集是专门针对ARM体系架构使用的指令。在BootLoader引导的第一阶段以及内核的第一阶段都会有个使用汇编语言编写的head.S文件,在不跑操作系统的裸板中也有一段用来初始化开发板环境的汇编代码。所以无论是开发跑操作系统的板子,还是裸板开发,汇编语言都很有必要学习一番,最少要了解一些常用的汇编指令。ARM指令集可以分为以下六种跳转指令数据处理指令程序状态寄存…

    2025年6月17日
    5
  • Python调用豆包大模型API与TTS:从文本生成到语音合成的全流程实践

    Python调用豆包大模型API与TTS:从文本生成到语音合成的全流程实践

    2026年3月12日
    3
  • SAP培训是什么_培训机构有哪些好的建议

    SAP培训是什么_培训机构有哪些好的建议欢迎关注微信公众号:sap_gui(ERP咨询顾问之家)关于是否要参加SAP培训的话题已经是老生常谈了,知乎上随便一搜有好多人在问是否要去参加SAP培训,底下已经有很多人在上面给出了正确建议。但也

    2022年8月3日
    10
  • 什么是黑盒测试?它的常用方法有哪些?[通俗易懂]

    什么是黑盒测试?它的常用方法有哪些?[通俗易懂]什么是黑盒测试?它的常用方法有哪些?一:什么是黑盒测试?黑盒测试(Black-boxTesting),黑盒测试又称为“功能测试”,是将测试对象看做一个黑盒,在并不考虑软件产品的内部结构和处理过程的基础上对软件产品进行功能测试。黑盒测试注重软件产品的“功能性需求”。二:黑盒测试常用的方法有哪些?运用黑盒技术设计测试用例常用的方法有:①等价类划分②边界值分析③因果图分析法④错误推断法等详细分析:(一)等价类划分:等价类的划分无非就两种情况:有效等价类、无效等价类1.有效等

    2022年10月3日
    4
  • bool函数忘记写return(false)会怎样[通俗易懂]

    bool函数忘记写return(false)会怎样[通俗易懂]http://hi.baidu.com/pope123/item/9d473e7f3ea341376f29f674这篇文章用汇编告诉了我返回值有可能是true也可能是false,但我看不懂,以后攻。 我为什么会接触到这个问题,请看实际例子:原来我漏写了代码中有颜色的两条语句,发现程序运行结果出乎我的意料。我原来以为不写就是默认返回false。其实 bool work()原来是voi

    2022年6月2日
    71
  • UIWebView OC与JS交互那些事

    UIWebView OC与JS交互那些事UIWebView 基础 1 UIWebView 与 WKWebView 基本使用 https blog csdn net article details UIWebView 与 JS 交互本人使用的是原生的 JavaScriptCo 库或者第三方 WebViewJavas 第三方 WebViewJavas

    2025年7月21日
    7

发表回复

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

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