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优化效率 提升性能解决方案
Sep 06 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 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
PHP中for循环语句的几种变型
2007/03/16 PHP
php5中类的学习
2008/03/28 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
PHP 实现 WebSocket 协议原理与应用详解
2020/04/22 PHP
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
vue+mock.js实现前后端分离
2019/07/24 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
Python分治法定义与应用实例详解
2017/07/28 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
python 装饰器重要在哪
2021/02/14 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
linux面试题参考答案(8)
2015/08/11 面试题
如何安装ruby on rails
2014/02/09 面试题
入党积极分子思想汇报
2014/01/02 职场文书
元旦晚会邀请函
2014/01/27 职场文书
幼儿园中秋节活动方案2013
2014/01/29 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
土地转让协议书
2014/09/27 职场文书
股权转让协议范本
2014/12/07 职场文书
人事任命通知
2015/04/20 职场文书
离婚律师函范本
2015/05/27 职场文书