如何在 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":""}

更新日期: 30-Jul-2019

326 次浏览

启动您的 职业生涯

完成课程获得认证

开始
广告