如何在 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 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始
廣告
© . All rights reserved.