获取当前 URL 反应路由器 - Javascript

在Web开发中，获取当前URL十分重要，我们可以使用JavaScript中的window.location对象来实现此功能。

window.location

window.location包含了当前网页的URL地址和其他的有关信息，我们可以使用它来获取当前的URL以及相关的信息。例如：

console.log(window.location.href);

将会返回当前网页的完整URL地址。

相关属性

window.location还包含了其他的有用的属性，例如：

• window.location.host – 返回URL的主机名和端口号
• window.location.hostname – 返回URL的主机名
• window.location.pathname – 返回URL的路径名部分
• window.location.protocol – 返回URL的协议部分
• window.location.search – 返回URL的查询字符串部分

我们可以通过访问这些属性来获取我们需要的URL信息。

获取当前URL反应路由器

在一些情况下，我们需要根据URL的路径名来决定执行不同的代码。例如在React或Vue.js中，我们可以使用路由器（Router）来根据URL的不同路径来渲染不同的组件。

我们可以使用以下代码片段来获取当前URL的路径名并作出反应：

switch(window.location.pathname){
  case '/about':
    // 显示关于页面
    break;
  case '/contacts':
    // 显示联系人页面
    break;
  default:
    // 显示默认页面
}

在这个例子中，我们使用了switch语句来对当前URL的路径名进行判断，并根据不同的路径名执行不同的代码。

使用window.location对象，我们可以轻松地获取当前URL并作出反应。根据我们的需要，我们可以访问window.location中的不同属性来获取关于当前URL的更多信息。