javascript URLをエンコードする

javascript URLをエンコードする

javascriptで、encodeURIとencodeURIComponentを使ってURLをエンコードするサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

encodeURI使い方

encodeURIを使うと、URLをエンコードすることが可能です。

encodeURI使い方

encodeURIComponent使い方

encodeURIComponentを使うと、URLを予約語(;,/?:@&=+$)も含めてエンコードすることが可能です。

encodeURI使い方

サンプルコード

以下は、
「 エンコード 」ボタンをクリックすると指定したURLをエンコードして、
最終的にデコードする
サンプルコードとなります。

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

エンコードされていることが確認できます。