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 相关文章推荐
jquery 可排列的表实现代码
Nov 13 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
Apr 02 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 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
一个oracle+PHP的查询的例子
2006/10/09 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
Yii2使用表单上传文件的实例代码
2017/08/03 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
2018/11/21 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
销售心得体会
2014/01/02 职场文书
骨干教师培训方案
2014/05/06 职场文书
2014年小学工作总结
2014/11/26 职场文书
采购员岗位职责
2015/02/03 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
2019奶茶店创业计划书范本,值得你借鉴
2019/08/14 职场文书
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫