Introduction to Javascript

Encode/decode URI

Encode

URI

URI component

Decode

URI

URI component

Output

<script type="text/javascript">
// <![CDATA[
  function clearFields()
  {
    var fields = document.getElementsByTagName("input");
  
    for (var i = 0; i < fields.length; i++) {
      if (fields[i].type && fields[i].type == "text") {
        fields[i].value = "";
      }
    }
  }
  
  function doStrEncode(input, output, isURIComponent)
  {
    output.value = (isURIComponent) ? encodeURIComponent(input.value) : encodeURI(input.value);
  }
  
  function doStrDecode(input, output, isURIComponent)
  {
    output.value = (isURIComponent) ? decodeURIComponent(input.value) : decodeURI(input.value);
  }
// ]]>
</script>
<p>
  <label for="input_enc">URI</label><br />
  <input id="input_enc" type="text" size="80" />
  <input type="button" value=" Go "
    onclick="doStrEncode(document.getElementById('input_enc'),
      document.getElementById('output_enc_dec'), false);" />
</p>
<p>
  <label for="input_enc_comp">URI component</label><br />
  <input id="input_enc_comp" type="text" size="80" />
  <input type="button" value=" Go "
    onclick="doStrEncode(document.getElementById('input_enc_comp'),
      document.getElementById('output_enc_dec'), true);" />
</p>