JavaScript轉(zhuǎn)換二進(jìn)制編碼為ASCII碼的方法
更新時(shí)間：2015年04月16日 10:43:11 作者：令狐不聰
這篇文章主要介紹了JavaScript轉(zhuǎn)換二進(jìn)制編碼為ASCII碼的方法,涉及javascript編碼轉(zhuǎn)換的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript轉(zhuǎn)換二進(jìn)制編碼為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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS中產(chǎn)生20位隨機(jī)數(shù)以0-9為例也可以是a-z A-Z
本節(jié)主要介紹了JS如何產(chǎn)生隨機(jī)數(shù)，本例產(chǎn)生20位隨機(jī)數(shù)以0-9為例也可以是a-z A-Z,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)拖拽效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
Js實(shí)現(xiàn)滾動(dòng)變色的文字效果
滾動(dòng)變色的文字js特效，可看到文字在交替變色顯示，以吸引人的注意，效果真心不錯(cuò)哦，需要的朋友可以參考下2014-06-06
如何利用JSHint減少JavaScript的錯(cuò)誤
JSHint是一個(gè)社區(qū)驅(qū)動(dòng)用來(lái)檢測(cè)JavaScript代碼中錯(cuò)誤和潛在的問(wèn)題以及執(zhí)行團(tuán)隊(duì)的編碼規(guī)范工具。它非常靈活,因此可以很容易地適應(yīng)您特定的編碼規(guī)則和你的代碼執(zhí)行環(huán)境。JSHint將永遠(yuǎn)保持開(kāi)源的方式。2016-08-08
這篇文章主要介紹了JS/HTML5游戲常用算法之追蹤算法,結(jié)合吃豆人游戲的算法原理以實(shí)例形式詳細(xì)分析了追蹤算法的相關(guān)算法操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
parse是解析json數(shù)據(jù)多種方法中的其中一種。這篇文章主要介紹了js中json處理總結(jié)之JSON.parse,需要的朋友可以參考下2016-10-10
學(xué)習(xí)JavaScript設(shè)計(jì)模式(鏈?zhǔn)秸{(diào)用)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹鏈?zhǔn)秸{(diào)用，感興趣的小伙伴們可以參考一下2015-11-11
JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
html dom節(jié)點(diǎn)操作(獲取/修改/添加或刪除)
DOM 是關(guān)于如何獲取、修改、添加或刪除 HTML 元素的標(biāo)準(zhǔn)，下面為大家介紹下html dom節(jié)點(diǎn)操作，感興趣的朋友可以參考下2014-01-01
這篇文章主要介紹了Blazor實(shí)現(xiàn)微信的Tab切換功能,本文中的UI組件使用的是MASA?Blazor,您也可以是其他的UI框架，這個(gè)并不影響實(shí)際的運(yùn)行效果，本文案例是兼容PC和Android的，演示效果是android中執(zhí)行的，在PC中執(zhí)行效果依然有效，需要的朋友可以參考下2023-01-01