JavaScript轉換二進制編碼為ASCII碼的方法
更新時間：2015年04月16日 10:43:11 作者：令狐不聰
這篇文章主要介紹了JavaScript轉換二進制編碼為ASCII碼的方法,涉及javascript編碼轉換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript轉換二進制編碼為ASCII碼的方法。分享給大家供大家參考。具體如下：
<html>
<head>
<script type="text/javascript">
var input_id = "bin_text";
var answer_id = "answer";
function convertToASCII() {
var bin_text = document.getElementById(input_id);
var answer = document.getElementById(answer_id);
if (!answer) {
alert("Error: No element with id \""+answer_id+"\".");
return;
}
if (bin_text)
var text = bin_text.value;
else {
error("No element with id \""+input_id+"\".");
return;
}
var divisible = text.length % 8;
var nonBinary = /[^0|1]/.test(text);
if (text.length > 0 && divisible == 0 && !nonBinary) {
var regex = /[0|1]{8}/g;
var str = text.match(regex);
var code = 0;
var placeVal, exp, digit;
var ascii = '';
while (str.length > 0) {
code = 0;
for (var i=0; i<str[0].length; i++) {
placeVal = 7-i;
exp = Math.pow(2, i);
digit = str[0].charAt(placeVal);
code += exp*digit;
}
str.shift();
ascii += String.fromCharCode(code);
}
answer.innerHTML = "<p class=\"binary\">" + ascii + "</p>";
}
else {
error("Malformed binary.");
return;
}
function error(errText) {
answer.innerHTML = "<span class=\"error\">Error: " +
errText + "</span>";
}
}
</script>
<style type="text/css">
.block {
width: 45%;
border: 1px solid #000000;
padding: 10px;
}
.binary {
background-color: #C6FFC7;
padding: 3px;
}
.error {
background-color: #FFC6C6;
padding: 3px;
}
</style>
</head>
<body>
<div style="float:left;" class="block">
<form onSubmit="convertToASCII(); return false;">
<p>Enter some binary to decode:</p>
<input type="text" id="bin_text"/>
</form>
</div>
<div style="float:right;" class="block">
<p id="answer"><br/></p>
</div>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
本節(jié)主要介紹了JS如何產生隨機數，本例產生20位隨機數以0-9為例也可以是a-z A-Z,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了JS實現拖拽效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
滾動變色的文字js特效，可看到文字在交替變色顯示，以吸引人的注意，效果真心不錯哦，需要的朋友可以參考下2014-06-06
JSHint是一個社區(qū)驅動用來檢測JavaScript代碼中錯誤和潛在的問題以及執(zhí)行團隊的編碼規(guī)范工具。它非常靈活,因此可以很容易地適應您特定的編碼規(guī)則和你的代碼執(zhí)行環(huán)境。JSHint將永遠保持開源的方式。2016-08-08
這篇文章主要介紹了JS/HTML5游戲常用算法之追蹤算法,結合吃豆人游戲的算法原理以實例形式詳細分析了追蹤算法的相關算法操作技巧與注意事項,需要的朋友可以參考下2018-12-12
parse是解析json數據多種方法中的其中一種。這篇文章主要介紹了js中json處理總結之JSON.parse,需要的朋友可以參考下2016-10-10
這篇文章主要帶領大家學習JavaScript設計模式，其中重點介紹鏈式調用，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細介紹了JS實現省市縣三級下拉聯動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
html dom節(jié)點操作(獲取/修改/添加或刪除)
DOM 是關于如何獲取、修改、添加或刪除 HTML 元素的標準，下面為大家介紹下html dom節(jié)點操作，感興趣的朋友可以參考下2014-01-01
這篇文章主要介紹了Blazor實現微信的Tab切換功能,本文中的UI組件使用的是MASA?Blazor,您也可以是其他的UI框架，這個并不影響實際的運行效果，本文案例是兼容PC和Android的，演示效果是android中執(zhí)行的，在PC中執(zhí)行效果依然有效，需要的朋友可以參考下2023-01-01