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 高级语法介绍
Jun 15 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
vue中使用echarts的示例
Jan 03 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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
简单实现php上传文件功能
2017/09/21 PHP
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
Vue实现手机计算器
2020/08/17 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
python脚本内运行linux命令的方法
2015/07/02 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
python输出数组中指定元素的所有索引示例
2019/12/06 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
九一八事变演讲稿
2014/09/05 职场文书
2014年测量员工作总结
2014/12/12 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
教师素质教育心得体会
2016/01/19 职场文书
七年级语文教学反思
2016/03/03 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python