问：

我想要的只是获取网站 URL。不是从链接中获取的 URL。在页面加载时，我需要能够获取网站的完整当前 URL，并将其设置为变量以随意使用。

答1:

huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

利用：

window.location.href

如评论中所述，下面的行有效，但它在 Firefox 中存在错误。

document.URL

请参阅 URL of type DOMString, readonly。

在 Firefox 12 中，document.URL 属性不会在 window.location 之后更新为锚点 (#)，而 window.location.href 会。我没有测试任何其他版本的 Firefox。在 Chrome 20 和 IE9 中未发现使用 document.URL 的问题。

您还可以获得主机和清除位置：window.location.host 和 window.location.href.toString().split(window.location.host)[1]

那么document.baseURI是什么。基本上有 3 种方法来获取 url document.baseURI、document.URL 和 & location。

-1：如果您有一个带有 name="URL" 的框架、图像或表单，那么此属性将在 document 对象上隐藏，您的代码将中断。在这种情况下，document.URL 将改为引用 DOM 节点。最好使用 window.location.href 中的全局对象的属性。

获胜的“window.location.href”

答2:

huntsbot.com全球7大洲远程工作机会，探索不一样的工作方式

URL 信息访问

JavaScript 为您提供了许多检索和更改当前 URL 的方法，该 URL 显示在浏览器的地址栏中。所有这些方法都使用 Location object，它是 Window 对象的一个属性。您可以通过读取 window.location 来读取当前的 Location 对象：

var currentLocation = window.location;

基本 URL 结构

//:/

协议：指定用于访问 Internet 上的资源的协议名称。（HTTP（无 SSL）或 HTTPS（有 SSL））

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

端口：一个端口号，用于识别 Internet 或其他网络消息到达服务器时要转发到的特定进程。

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

搜索：查询字符串跟随路径组件，并提供资源可用于某些目的的信息字符串（例如，作为搜索的参数或作为要处理的数据）。

hash：URL 的锚点部分，包括井号 (#)。

通过这些 Location 对象属性，您可以访问所有这些 URL 组件以及它们可以设置或返回的内容：

href - 整个网址

协议 - URL 的协议

host - URL 的主机名和端口

主机名 - URL 的主机名

port - 服务器用于 URL 的端口号

pathname - URL 的路径名

search - URL 的查询部分

hash - URL 的锚点部分

origin - window.location.protocol + ‘//’ + window.location.host

我希望你得到你的答案。。

它们不是 window.location 的“方法”，而是属性和 here we have an example：var stringPathName = window.location.pathname。

@法比奥C。您可以通过 substring 将其删除。但是，当您想使用重定向时它可能很有用 document.location = "/page.html"; 将重定向到根页面 page.html

这不仅回答了上述问题。事实上，大约一个月前，我搜索了一种从 URL 字符串中获取一个或多个特定部分的好方法（我认为这可能是我试图获取的当前页面），即使其他问题更多-target，他们的答案没有这个目的那么有用和直接。

一个快速的建议是：在上面描述的基本 URL 结构中，有一个 search 的位置，但在下面的描述列表中，它被称为 query。也许他们可以调和，或者可以添加进一步的解释。

它被称为“搜索”而不是“查询”

答3:

一个优秀的自由职业者，应该有对需求敏感和精准需求捕获的能力，而huntsbot.com提供了这个机会

使用 window.location 对与当前帧关联的 location object 进行读写访问。如果您只想将地址作为只读字符串获取，您可以使用 document.URL，它应该包含与 window.location.href 相同的值。

另见stackoverflow.com/questions/2430936/…

答4:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

获取当前页面 URL：

window.location.href

请注意，这是窗口的位置，而不是文档的位置。

这是同一件事。完整的当前 URL 是指文档路径（外部地址）。

它是否像 document.url 一样标准化？（我的意思是类似于 w3c 文档）

document 是规范定义的文档树的根。 window 通常是等价的，但在某些奇怪的情况下可能不会。

答5:

huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

好的，使用纯 JavaScript 可以轻松获取当前页面的完整 URL。例如，在此页面上尝试以下代码：

window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"

window.location.href 属性返回当前页面的 URL。

document.getElementById(“root”).innerHTML = “该页面的完整网址是：” + window.location.href; JavaScript window.location.href

提一下这些也不错：

如果您需要相对路径，只需使用 window.location.pathname；

如果您想获取主机名，可以使用 window.location.hostname;

如果你需要单独获取协议，也可以使用 window.location.protocol，如果你的页面有哈希标签，你可以像这样获取它：window.location.hash。

另外，如果你的页面有哈希标签，你可以得到它：window.location.hash。

所以 window.location.href 一次处理所有…基本上：

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;//true

如果已经在窗口范围内，也不需要使用 window…

因此，在这种情况下，您可以使用：

location.protocollocation.hostnamelocation.pathnamelocation.hashlocation.href

https://i.stack.imgur.com/NUGbD.png

答6:

huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

要获取路径，您可以使用：

console.log(‘document.location’, document.location.href); console.log(‘location.pathname’, window.location.pathname); // 仅返回路径 console.log(‘location.href’, window.location.href); // 返回完整的 URL

答7:

huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

打开开发人员工具，在控制台中输入以下内容，然后按 Enter。

window.location

例如：下面是当前页面的结果截图。

https://i.stack.imgur.com/EbfAs.png

从这里获取你需要的东西。

使用 JavaScript 获取当前 URL？相关推荐

javascript获取网页URL地址及参数等
2019独角兽企业重金招聘Python工程师标准>>> 用javascript获取url网址信息 Java代码 <script type="text/javascri ...
JavaScript获取Url地址中的指定参数
JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...
html获取url参数 php,如何使用JavaScript获取URL参数
如果你希望通过JavaScript获取和使用URL参数.在JavaScript中,可以使用"document.location.search"获取URL的参数.但是,由于你只能在U ...
javascript/jquery获取地址栏url参数的方法
本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...
如何使用 Javascript 获取 URL 参数
JS 获取 URL 参数稍微有点麻烦,因为 JS 只能获取到 URL 的某一部分,但是不能再细分.如果想获取某一项参数,那么还需要使用一下字符串截取. 所以分为两步: 获取 URL 的参数部分截取某 ...
如何使用JavaScript获取URL的协议？
想要获取当前URL的协议,可以使用JavaScript的location.protocol属性.下面本篇文章就来给大家介绍location.protocol属性,希望对大家有所帮助. 什么是协议? 网 ...
Javascript获取URL地址的参数
什么是URL地址的参数在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...
JavaScript获取http,请求协议头，域名，端口，url
window.location.protocol 获取http,http://请求协议头 window.location.host 获取域名并带端口 xxx.com 如果有端口就是 xxx.com:8 ...
JavaScript获取当前根目录
JavaScript获取当前根目录主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问.方法一 (win ...

使用 JavaScript 获取当前 URL？

问：

答1:

答2:

答3:

答4:

答5:

答6:

答7:

使用 JavaScript 获取当前 URL？相关推荐

最新文章

热门文章