js获取当前页的URL与[removed].href简单方法

利用JavaScript获取当前页的URL，这个问题起来好像很复杂，如果第一次去想这个问题，很多人估计又在琢磨到底又是哪个神一般的Javascript函数。 其实不是，Javascript获取当前页的URL的函数就是我们经常用来重定向的[removed].href。 比如如下函数： [removed] var url=[removed].href; var loc = url.substring(url.lastIndexOf('/')+1, url.length); alert("url="+url+",loc="+loc); [removed] 如果当前页面的u JavaScript是Web开发中不可或缺的一部分，尤其在处理页面交互和数据操作时。在JavaScript中，获取当前页面URL是一项基本任务，通常用于分析、重定向或处理页面内的数据请求。本篇文章将详细讲解如何利用`window.location.href`这个属性来获取当前页面的URL，并探讨一些相关的字符串处理方法。 `window.location.href`是JavaScript中的一个属性，它表示当前窗口或者框架的完整URL。这个属性不仅可以用来读取当前URL，还可以用来设置新的URL，从而实现页面的重定向。例如： ```javascript var url = window.location.href; ``` 这段代码会将当前页面的URL赋值给变量`url`。如果你想要获取URL的特定部分，如路径、查询参数或片段标识符，可以使用不同的属性，如`window.location.pathname`、`window.location.search`和`window.location.hash`。 然而，如果需要手动解析URL的不同部分，可以借助字符串处理方法。例如，`substring()`是一个常用的字符串方法，用于截取字符串的子串。以下是一个例子，展示了如何获取URL的最后一部分，即路径中的最后一个目录名： ```javascript var url = "http://localhost:6666/myphp/mobile/pc1.php"; var loc = url.substring(url.lastIndexOf('/') + 1, url.length); console.log("url=" + url + ",loc=" + loc); ``` 在这个例子中，`lastIndexOf('/')`找到URL中最后一个'/'的位置，然后`substring()`从那个位置开始到字符串末尾，提取出路径的最后一个目录名。输出将是`"url=http://localhost:6666/myphp/mobile/pc1.php,loc=pc1.php"`。 除了`substring()`，还有其他字符串处理方法如`indexOf()`、`split()`和正则表达式，可以用来解析和提取URL的不同部分。例如，`indexOf()`可以查找特定字符或字符串的位置，`split()`可以按照指定分隔符将字符串分割成数组。 此外，`window.location`对象还提供了几个方便的属性，可以直接获取URL的特定部分，而无需字符串操作。例如： - `window.location.port`：返回URL的端口号。 - `window.location.protocol`：返回URL的协议（如'http:'或'https:'）。 - `window.location.search`：返回URL的查询字符串，即URL中问号（?）后面的部分。 下面是一个使用这些属性的例子： ```javascript console.log("protocol:" + window.location.protocol + ",port:" + window.location.port); ``` 这将会输出当前页面的协议和端口号，如`"protocol:http:,port:80"`。 总结一下，JavaScript中的`window.location.href`是获取当前页面URL的关键，而`window.location`对象提供了一系列属性来方便地访问URL的各个组件。结合字符串处理方法，开发者可以灵活地处理和解析URL，满足各种需求。在实际开发中，理解并熟练运用这些方法对于构建动态、响应式的网页至关重要。