当前位置: 首页 > 编程笔记 >

如何解析JavaScript中的URL?

单于庆
2023-03-14
本文向大家介绍如何解析JavaScript中的URL?,包括了如何解析JavaScript中的URL?的使用技巧和注意事项,需要的朋友参考一下

解析URL

通过使用DOM方法而不是正则表达式来解析javascript中的URL是非常简单的。如果使用正则表达式,则代码将更加复杂。在DOM方法中,仅一个函数调用将返回已解析的URL。 

在以下示例中,首先创建一个函数,然后使用DOM方法在其内部创建锚标记“ a”。稍后,使用href将提供的URL分配给锚标记。现在,当函数返回URL的部分时,它将尝试返回解析的部分,如输出所示。由于已解析url,因此使用JSON.stringify()方法显示输出。

示例

<html>
<body>
<script>
   function URL(url) {
      var urlParser = document.createElement('a');
      urlParser.href = url;
      return {
         protocol: urlParser.protocol,
         host: urlParser.host,
         hostname: urlParser.hostname,
         port: urlParser.port,
         pathname: urlParser.pathname,
         search: urlParser.search,
         hash: urlParser.hash
      };
   }
   document.write(JSON.stringify(URL("https://www.youtube.com/watch?v=tNJJSrfKYwQ")));
</script>
</body>
</html>

输出结果
{"protocol":"https:","host":"www.youtube.com","hostname":"www.youtube.com","port":"","pathname":"/watch","search":"?v=tNJJSrfKYwQ","hash":""}

 类似资料:
  • 问题内容: 如何使用JavaScript(以及jQuery)解析URL? 例如,我的字符串中有这个 我想得到的价值 我知道我可以使用PHP轻松地做到这一点,但我想知道JavaScript怎么可能。 问题答案: 您可以使用创建-element的技巧,将URL添加到其中,然后使用其Location对象。 将输出: 您也可以使用php.js来获取JavaScript中的parse_url函数] 更新(2

  • 问题内容: 在Firefox中解析XmlHttpRequest的HTML结果的最佳方法是什么? 编辑: 我 没有 DOM树,我想获取它。 XmlHttpRequest的“ responseXML”仅在结果是实际XML时才有效,因此我只有responseText可以使用。 innerHTML hack似乎不适用于完整的HTML文档(在 中)。 -结果很好。 问题答案: 应该工作得很好,例如

  • 问题内容: 我正在使用Sencha Touch(ExtJS)从服务器获取JSON消息。我收到的消息是这个: 我的问题是我无法解析此JSON对象,因此我可以使用每个计数器对象。 我正在尝试像这样完成: 我究竟做错了什么 ?谢谢! 问题答案: Javascript具有针对字符串的内置JSON解析,我想这就是您拥有的: 在您的示例中使用此代码将是: 编辑 :for循环的使用中有一个错误(我在初读时就错过

  • 问题内容: 我需要在JavaScript源代码中添加一些轻量级语法糖,并使用基于JavaScript的构建系统对其进行处理。是否有任何用JavaScript编写的开源JavaScript解析器?在V8或类似的高性能JavaScript实现上运行时,它们是否相当快? 感谢您提供的任何指导! 问题答案: UglifyJS(JavaScript中的JS压缩器/美化器)包含一个完整的JavaScript解

  • 问题内容: 至少在C和Java(Mozilla),JavaScript(再次为Mozilla)和Ruby中有一个JavaScript解析器。目前是否有适用于Python的产品? 我本身不需要JavaScript解释器,仅需要符合ECMA-262标准的解析器。 谷歌快速搜索没有立即得到答案,所以我问SO社区。 问题答案: ANTLR是语言识别的另一种工具,它是一种语言工具,它提供了一个框架,可根据包

  • 问题内容: 我需要解析RSS feed(XML版本2.0)并在HTML页面中显示已解析的详细信息。 问题答案: 解析提要 使用jQuery的jFeed (不建议这样做,请参阅其他选项。) 借助jQuery的内置XML支持 使用jQuery和[Google AJAX Feed API](https://developers.google.com/feed/) 但这意味着您依赖它们在线和可访问。 建筑