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实现仿Windows关机效果
Mar 10 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
JS实现获取自定义属性data值的方法示例
Dec 19 Javascript
js 函数性能比较方法
Aug 24 Javascript
Vue中foreach数组与js中遍历数组的写法说明
Jun 05 Vue.js
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
PHP初学者最感迷茫的问题小结
2010/03/27 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
PHP结合jQuery实现找回密码
2015/07/22 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
php多进程应用场景实例详解
2019/07/22 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
js 编写规范
2010/03/03 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
videocapture库制作python视频高速传输程序
2013/12/23 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
Tensorflow与Keras自适应使用显存方式
2020/06/22 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
学校出纳员岗位职责
2014/03/18 职场文书
幼儿园大班评语大全
2014/04/17 职场文书
反腐倡廉警示教育活动总结
2014/05/05 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
党员创先争优心得体会
2014/09/11 职场文书
单位在职证明书
2014/09/11 职场文书
家庭贫困证明
2014/09/23 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA
Java对文件的读写操作方法
2022/04/29 Java/Android