JavaScript转换二进制编码为ASCII码的方法


Posted in Javascript onApril 16, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
浅谈vue 二级路由嵌套和二级路由高亮问题
Aug 06 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 Javascript
js中实现继承的五种方法
Jan 25 Javascript
JS的深浅复制详细
Oct 16 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 #Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 #Javascript
JQuery跳出each循环的方法
Apr 16 #Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 #Javascript
jQuery Ajax中的事件详细介绍
Apr 16 #Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 #Javascript
JavaScript实现随机替换图片的方法
Apr 16 #Javascript
You might like
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
javascript下function声明一些小结
2007/12/28 Javascript
jQuery 解析xml文件
2009/08/09 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
jQuery实现简单弹幕效果
2019/11/28 jQuery
详解JavaScript 异步编程
2020/07/13 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python绘制多个曲线的折线图
2020/03/23 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
python修改字典键(key)的方法
2019/08/05 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
C#实现启动一个进程
2016/10/01 面试题
企业总经理职责
2014/02/02 职场文书
售后服务承诺书范文
2014/03/26 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
节约用水标语
2014/06/11 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书
学校团代会开幕词
2016/03/04 职场文书
pytorch 6 batch_train 批训练操作
2021/05/28 Python
bat批处理之字符串操作的实现
2022/03/16 Python