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 相关文章推荐
js 图片轮播(5张图片)
Dec 30 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
使用jquery如何获取时间
Oct 13 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 Javascript
爬虫利器Puppeteer实战
Jan 09 Javascript
vue实现倒计时功能
Mar 24 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 数组实例说明
2008/08/18 PHP
php下pdo的mysql事务处理用法实例
2014/12/27 PHP
jquery得到font-size属性值实现代码
2013/09/30 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
Node.js编码规范
2014/07/14 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
2018/10/31 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
利用python批量给云主机配置安全组的方法教程
2017/06/21 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
生产车间班组长岗位职责
2014/01/06 职场文书
儿子婚宴答谢词
2014/01/09 职场文书
交通安全教育制度
2014/02/02 职场文书
八项规定整改方案
2014/02/21 职场文书
学校与家长安全责任书
2014/07/23 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
教师党员个人总结
2015/02/10 职场文书
现实表现证明材料
2015/06/19 职场文书
区域销售大会开幕词
2016/03/04 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
 python中的元类metaclass详情
2022/05/30 Python