javascript URLを分割代入と正規表現を使用して分割して取得する

javascript URLを分割代入と正規表現を使用して分割して取得する

javascriptで、URLを分割代入と正規表現を使用して分割して取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ firefox 80.0.1

分割代入と正規表現を使用

以下のように、分割代入を使用してURLの値を分割して取得することができます。

実行結果

サンプルコード

以下は、
「取得」ボタンをクリックすると、URLを分割代入を使用してプロトコルとホストとパスに分割して表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

プロトコルとホストとパスに分割されていることが確認できます。