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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
JavaScript中的splice()方法使用详解
Jun 09 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
vue中的inject学习教程
Apr 24 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
关于Node.js中频繁修改代码重启服务器的问题
Oct 15 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
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
php生成图形(Libchart)实例
2013/11/06 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php无序树实现方法
2015/07/28 PHP
Yii 2.0实现联表查询加搜索分页的方法示例
2017/08/02 PHP
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
python中os操作文件及文件路径实例汇总
2015/01/15 Python
python持久性管理pickle模块详细介绍
2015/02/18 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
python实现汉诺塔方法汇总
2016/07/25 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
Pytorch实现各种2d卷积示例
2019/12/30 Python
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
人力资源本科毕业生求职信
2014/06/04 职场文书
2016年党员创先争优公开承诺书
2016/03/25 职场文书