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

时间 2019-11-30

标签 JavaScript 获取当前 url window.location.href window location href 栏目 JavaScript 繁體版

原文原文链接

利用Javascript获取当前页的URL，这个问题起来好像很复杂，若是第一次去想这个问题，不少人估计又在琢磨到底又是哪一个神通常的Javascript函数。javascript

其实不是，Javascript获取当前页的URL的函数就是咱们常常用来重定向的window.location.href。php

好比以下函数：java

    <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，那么其运行结果以下：浏览器

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

获取利用window.location.href的变量获取整个url以后，要哪一部分的地址，利用substring，indexof等字符串处理函数对获取到的url进行处理，截取你想要的部分。ui

平时利用window.location.href作重定向，就是改变整个浏览器的url，url

若是后面没有赋值，这就成了获取当前值的语句。spa

与document.getElementById("xx").value同样，你可以修改，就可以获取了。code

固然，若是获取一些特定的值，好比当前的协议与端口，就不用截取字符串这么麻烦了。blog

直接利用window.location.port拿端口，window.location.protocol拿协议，window.location.search还能拿url问号后面的部分，固然也能够利用它们来改相应的值。

好比以下代码：

alert("protocol:"+window.location.protocol+",port:"+window.location.port);

其运行结果以下：