Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでURLを解析する方法は？

URLの解析

javascriptでURLを解析するのは非常に簡単です DOMを使用する 正規表現ではなくメソッド 。正規表現を使用すると、コードははるかに複雑になります。 DOM 関数呼び出しだけのメソッドは、解析されたURLを返します 。

次の例では、最初に関数が作成され、次にアンカータグ「a」が作成されます。 DOMを使用して内部に作成されます 方法。後で提供されるURL hrefを使用してアンカータグに割り当てられました 。これで、関数が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":""}


  1. JavaScriptを使用してURLオブジェクトを作成するにはどうすればよいですか？

    以下は、JavaScriptを使用してURLオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g

  2. JavaScript配列から文字列を解析する方法は？

    以下は、JavaScript配列から文字列を解析するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs