当前位置: 首页 > 面试题库 >

JavaScript-获取部分URL路径

陆啸
2023-03-14
问题内容

使用JavaScript从URL中仅提取路径的正确方法是什么?

但我只想获得 / account / search 这部分

我正在使用jQuery,如果有可以利用的地方。


问题答案:

内置window.location对象的一个属性将为当前窗口提供该属性。

// If URL is http://www.somedomain.com/account/search?filter=a#top

window.location.pathname // /account/search

// For reference:

window.location.host     // www.somedomain.com (includes port if there is one)
window.location.hostname // www.somedomain.com
window.location.hash     // #top
window.location.href     // http://www.somedomain.com/account/search?filter=a#top
window.location.port     // (empty string)
window.location.protocol // http:
window.location.search   // ?filter=a

更新,对任何URL使用相同的属性:

事实证明,此模式已被标准化为称为 URLUtils的接口,您猜怎么着?现有window.location对象 和锚元素均 实现该接口。

因此,您可以对 任何 URL 使用与上面相同的属性 -只需使用URL创建锚并访问属性:

var el = document.createElement('a');
el.href = "http://www.somedomain.com/account/search?filter=a#top";

el.host        // www.somedomain.com (includes port if there is one[1])
el.hostname    // www.somedomain.com
el.hash        // #top
el.href        // http://www.somedomain.com/account/search?filter=a#top
el.pathname    // /account/search
el.port        // (port if there is one[1])
el.protocol    // http:
el.search      // ?filter=a

这可以在最新版本的Chrome和Firefox中使用 。我没有要测试的Internet
Explorer版本,因此请使用JSFiddle示例进行测试

还有一个即将到来的URL对象,它将提供对URL本身的支持,而没有anchor元素。目前似乎尚无稳定的浏览器支持它,但据说它已在Firefox26中提供。



 类似资料:
  • 问题内容: 如何从URL获取特定的路径部分?例如,我想要一个对此进行操作的函数: 并返回“ hithere” 或对此进行操作: 并返回相同的内容(“ hithere”) 我知道这可能会使用urllib或urllib2,但我无法从文档中弄清楚如何仅获取路径的一部分。 问题答案: 使用urlparse提取URL的路径部分: 使用os.path.split将路径拆分为组件: dirname和basena

  • 主要内容:Jsoup 获取URL路径 语法,Jsoup 获取URL路径 说明,Jsoup 获取URL路径 示例以下示例将展示可以提供 html 页面中存在的相对和绝对 URL 的方法。 Jsoup 获取URL路径 语法 document : 文档对象代表 HTML DOM。 Jsoup : 连接到 url 并获取 html 内容的主类。 link : 元素对象表示表示锚标记的 html 节点元素。 link.attr("href") : 提供锚标记中存在的 href 值。它可以是相对的,也可以是

  • X1.0新增 sp_get_relative_url($url) 功能: 获取域名后的地址,如http://thinkcmf.com/news.html,转化后为/news.html 参数: $url:要转化的url 返回: 类型string; 域名后的地址,如http://thinkcmf.com/news.html,转化后为/news.html

  • 问题内容: 我只是想知道如何使用PHP提取URL的最后一部分。 示例URL是: 现在如何使用PHP提取最后一部分? URL中始终有相同数量的变量,并且id始终在末尾。 问题答案: 您可以使用来匹配所需的URL部分。 在这种情况下,由于该模式很简单,因此我们正在寻找一个正斜杠(并且由于正斜杠表示正则表达式模式的开始和结束,因此我们必须对其进行转义),以及一个或多个数字()字符串()的末尾。圆括号用于

  • 问题内容: 有一个URL,如何检索其路径部分? http://www.costo.com/test1/test2 如何获得“ test1 / test2” 问题答案: 您想要这样的东西: 其实那会给你的。您只需要删除第一个即可获得所需的内容: 现在您将进入。

  • 问题内容: 我需要从当前请求的URL获取路径。例如,如果当前URL是: 我想要这个: 问题答案: 你要。从文档: 为了访问该页面而给出的URI;例如,。