📜  节点获取当前 url - Javascript (1)

📅  最后修改于: 2023-12-03 15:11:49.538000             🧑  作者: Mango

节点获取当前 URL - JavaScript

在 Web 开发中,有时需要获取当前页面的 URL,以便进行一些特定的操作。在 JavaScript 中,可以通过节点获取当前 URL。

获取当前 URL

以下是获取当前 URL 的代码片段:

var currentURL = window.location.href;

该代码片段中,window.location.href 返回当前页面的 URL 作为字符串。var currentURL 声明一个变量来存储 URL。

示例应用

以下是一个简单的示例应用,可以获取当前 URL 并将其显示在页面上:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>获取当前 URL</title>
  </head>
  <body>
    <p>当前 URL 为:<span id="currentURL"></span></p>

    <script>
      var currentURL = window.location.href;
      document.getElementById("currentURL").innerHTML = currentURL;
    </script>
  </body>
</html>

该应用程序包括一个标题和一个 <p> 元素,该元素包含一个空的 <span> 元素,该元素的 ID 为“currentURL”。运行该脚本时,JavaScript 将获取当前页面的 URL 并将其指定为 <span> 元素的内容。

结论

通过节点获取当前 URL 很简单,并且可以方便地用于各种 Web 应用程序。在 JavaScript 中,使用 window.location.href 可以轻松地获取当前 URL 并进行下一步操作。