FORK ME

console 命令行工具 X clear

                    
>
console
function change() {
  var src = jQuery("#content").val();
  jQuery("#content").val(jQuery("#result").val());
  jQuery("#result").val(src);
}
function encode() {
  //  jQuery("#result").val(encodeURIComponent(jQuery("#content").val()));
  jQuery("#result").val(encodeURI(jQuery("#content").val()));
  jQuery("#res2").show();
  jQuery("#result2").val(encodeURIComponent(jQuery("#content").val()));
}
function decode() {
  jQuery("#res2").hide();
  jQuery("#result").val(decodeURIComponent(jQuery("#content").val()));

}

function Empty() {
  document.getElementById('content').value = '';
  document.getElementById('result').value = '';
  document.getElementById('content').select();
}

function GetFocus() {
  document.getElementById('content').focus();
}
<div class="panel panel-default">
  <div class="panel-body">
    <div>
      <textarea id="content" name="RawJson" class="json_input" rows="4" style="width: 100%;"
      spellcheck="false" placeholder="请输入字符串"></textarea>
    </div>
    <div class="btn-group" role="group" aria-label="...">
      <button type="button" class="btn btn-primary" onclick="encode();">
        URL编码
      </button>
      <button type="button" class="btn btn-primary" onclick="decode();">
        URL解码
      </button>
      <button type="button" class="btn btn-primary" onclick="change();">
        内容交换
      </button>
      <button type="button" class="btn btn-danger" onclick="Empty();">
        清空结果
      </button>
    </div>
    <div style="padding-top: 10px;">
      <p>
        encodeURI编码,不会对特殊符号编码
      </p>
      <textarea id="result" name="RawJson" class="json_input" rows="4" style="width: 100%;"
      spellcheck="false" placeholder="解密后的字符串"></textarea>
    </div>
    <div style="padding-top: 10px;" id="res2" style="display:none;">
      <span>
        encodeURIComponent编码方式,
        <font color="red">
          会对特殊符号编码
        </font>
      </span>
      <textarea id="result2" name="RawJson" class="json_input" rows="4" style="width: 100%;"
      spellcheck="false" placeholder="加密或解密后字符串"></textarea>
    </div>
  </div>
  <div class="panel-footer">
  </div>
</div>

本项目引用的自定义外部资源