SOURCE

function hash(type,flag){
		    if(!flag)$(".buttonSelected").removeClass("buttonSelected");
	    	switch(type){
		    	case "sha1":
		    		$("#hash_result").val(CryptoJS.SHA1($("#message_source").val()));
		    		break;
		    	case "sha224":
		    		$("#hash_result").val(CryptoJS.SHA224($("#message_source").val()));
		    		break;
		    	case "sha256":
		    	    $("#hash_result").val(CryptoJS.SHA256($("#message_source").val()));
		    		break;
		    	case "sha384":
		    		$("#hash_result").val(CryptoJS.SHA384($("#message_source").val()));
		    		break;
		    	case "sha512":
		    	    $("#hash_result").val(CryptoJS.SHA512($("#message_source").val()));
		    		break;
		    	case "md5":
		    	    $("#hash_result").val(CryptoJS.MD5($("#message_source").val()));
		    		break;
		    	case "hmacsha1":
		    	    $("#hash_result").val(CryptoJS.HmacSHA1($("#message_source").val(),$("#pwd").val()));
		    		break;
		    	case "hmacsha224":
		    	    $("#hash_result").val(CryptoJS.HmacSHA224($("#message_source").val(),$("#pwd").val()));
		    		break;
		    	case "hmacsha256":
		    	    $("#hash_result").val(CryptoJS.HmacSHA256($("#message_source").val(),$("#pwd").val()));
		    		break;
		    	case "hmacsha384":
		    	    $("#hash_result").val(CryptoJS.HmacSHA384($("#message_source").val(),$("#pwd").val()));
		    		break;
		    	case "hmacsha512":
		    	    $("#hash_result").val(CryptoJS.HmacSHA512($("#message_source").val(),$("#pwd").val()));
		    		break;
		    	case "hmacmd5":
		    	    $("#hash_result").val(CryptoJS.HmacMD5($("#message_source").val(),$("#pwd").val()));
		    		break;
				case "pbkdf2":
					if(isNAN($("#iterations").val()))
					{
						var salt=CryptoJS.enc.Utf8.parse($("#salt").val());
						var hash_str_pbkdf2=CryptoJS.PBKDF2(
							$("#message_source").val(), salt,
							{ keySize: parseInt($("#key_size").val()),
							iterations: parseInt($("#iterations").val()) }
						);
						$("#hash_result").val(hash_str_pbkdf2);
					}
					else{
					alert("迭代次数必须为数字");$("#salt").val("")}
					break;
	    	}
	    }


	 function Empty() {
        document.getElementById('hash_result').value = '';
        document.getElementById('message_source').value = '';
        document.getElementById('hash_result').select();
    }
	
    function GetFocus() {
			document.getElementById('content').focus();
    }

<div class="panel panel-default">
<div class="panel-heading">
<div class="media">
<div class="media-body">
<h4 class="media-heading">SHA加密</h4> 
</div>
</div>
</div>
<div class="panel-body">
<div>
<textarea id="message_source" name="RawJson" class="json_input" rows="10" style="width: 100%;" spellcheck="false" placeholder="请输入需要编码字符串"></textarea>
</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary" onclick="hash('sha1');">SHA1加密</button>
<button type="button" class="btn btn-primary" onclick="hash('sha256');">SHA256加密</button>
<button type="button" class="btn btn-primary" onclick="hash('sha512');">SHA512加密</button>
<button type="button" class="btn btn-danger" onclick="Empty();">清空结果</button>
</div>
<div style="padding-top: 10px;">
<textarea id="hash_result" name="RawJson" class="json_input" rows="10" style="width: 100%;" spellcheck="false" placeholder="编码后的字符串"></textarea>
</div>
</div>
<input type="hidden" id="encode" value="1" />
<div class="panel-footer"></div>
</div>