Home / Questions / 3549
Accepted
Goyo
Asked: 2020-02-03 09:25:23 +0800 CST 2020-02-03 09:25:23 +0800 CST

使用 JavaScript 获取我所在位置的 URL

  • 772

如何URL在网站上获得当前的？使用javascript.

我想知道我是否可以url从网站上获得它，但例如，如果我在我/conocenos想获得的部分http://sitioWeb/conocenos。

javascript

4 Answers

  1. Best Answer

    在 中javascript，您可以通过以下方式获取 url：location.href

    <script type="text/javascript">
alert(location.href);
</script>

    或window.location

       <script type="text/javascript">
   alert(window.location);
    </script>

    总之，您可以使用：

    window.location.href：获取当前页面的href（url）。

    • 14

  2. Javascript 提供了许多获取和更改当前 URL 的方法，这些方法使用 Location 对象，它是 Window 对象的一个​​属性，您可以创建一个具有当前 URL 的新 Location 对象，如下所示：

    var LocationActual=window.location;

    任何一个

    window.location.href

    任何一个

    document.URL;

    行为可能取决于浏览器

    URL的基本结构：

    <protocol>//<hostname>:<port>/<pathname><search><hash>

    1.-协议-- 指定用于访问 Internet 资源的协议名称（不带 SSL 的 HTTP 或带 SSL 的 HTTPS）

    2.- hostname -- 指定拥有资源的主机，例如 www.stackoverflow。服务器使用主机名提供服务。

    3.-端口-- 一个端口号，用于识别来自网络或互联网的消息到达服务器时重定向到的特定进程。

    4.-路径名-- 提供有关 Web 客户端想要访问的主机内特定资源的信息，例如 /index.html

    5.-查询——跟随组件的路径并提供资源可用于相同目的的信息字符串（例如，搜索参数或要处理的数据）

    6.- hash -- 片段标识符，包括符号（#）

    使用这些属性，您可以访问 URL 的所有这些组件

    1. hash - 获取或设置哈希标识符

    2. host - 获取或设置 URL 的主机名和端口

    3. hostname - 获取或设置 URL 的主机名

    4. href - 获取或设置整个 URL

    5. pathname - 获取或设置 URL 的路径名

    6. port - 获取或设置服务器用于 URL 的端口号

    7. protocol - 获取或设置 URL 的协议

    8. search - 获取或设置 URL 的查询部分

    取自：https ://stackoverflow.com/a/20746566/3596441

    也可以看看

    https://developer.mozilla.org/en-US/docs/Web/API/Document/location http://www.comptechdoc.org/independent/web/cgi/javamanual/javalocation.html

    • 7

  3. 如果使用window.location，则与location.href

    alert(window.location);

    注意：此示例不显示堆栈溢出地址，因为堆栈片段托管在另一个域上。

    • 4

  4. 我知道已经有很好的答案，但是有一个意想不到的情况可能很有趣：如果你在一个iframe? 您希望 iframe URL 还是浏览器中显示的 URL？

    如果您想要的是srcdeliframe中指示的 URL，则其他人指示的方法将起作用：

    var url = window.location.href;

    但是，如果您想要的是浏览器地址栏中显示的 URL，那么您必须从父级读取数据：

    var url = window.parent.location.href;

    获取出现在浏览器中的 URL 的一种方法是执行以下操作：

    var url = (window.location != window.parent.location) ?
                          window.parent.location.href : window.location.href;

    在这种情况下，如果页面不包含在另一个页面中，您将获得该页面的地址，如果是（例如通过 iframe），那么您将获得父级的地址。

    • 4