20140112【JS】URLエンコードする

お題

URLエンコードする

プログラム概要

encodeURIとencodeURIComponentでそれぞれエンコードして画面に表示する。

またdecodeURIとdecodeURIComponentでそれぞれデコードして画面に表示する

ソース

// 特殊文字をエンコードして比較する
document.write('encodeURI()とencodeURIComponent()の違い========
');
document.write('encodeURI:' + encodeURI(';:/@?&$#=+,') + '
');
document.write('encodeURIComponent;' +
encodeURIComponent(';:/@?&$#=+,') + '
');

// 日本語の文字列を変換する
document.write('日本語の変換==========================
');
document.write('encodeURI:' + encodeURI('日本') + '
');
document.write('encodeURIComponent:' + encodeURIComponent('日本') + '
');

// エンコードした文字列をデコードして復元する
document.write('decode==================================
');
document.write('decodeURI:' + 
    	decodeURI('%3B%3A%2F%40%3F%26%24%23%3D%2B%2C') + '
');
document.write('decodeURIComponent:' + 
		decodeURIComponent('%3B%3A%2F%40%3F%26%24%23%3D%2B%2C') + '
');
document.write('decodeURI:' + decodeURI('%E6%97%A5%E6%9C%AC'));

実行結果

encodeURI()とencodeURIComponent()の違い========
encodeURI:;:/@?&$#=+,
encodeURIComponent;%3B%3A%2F%40%3F%26%24%23%3D%2B%2C
日本語の変換==========================
encodeURI:%E6%97%A5%E6%9C%AC
encodeURIComponent:%E6%97%A5%E6%9C%AC
decode==================================
decodeURI:%3B%3A%2F%40%3F%26%24%23%3D%2B%2C
decodeURIComponent:;:/@?&$#=+,
decodeURI:日本