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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 Javascript
asp.net+js实现金额格式化
Feb 27 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
JS模拟的Map类实现方法
Jun 17 Javascript
jQuery学习笔记之回调函数
Aug 15 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php下载远程文件类(支持断点续传)
2008/11/14 PHP
php删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
php返回json数据函数实例
2014/10/09 PHP
常用PHP框架功能对照表
2014/10/23 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
JavaScript Array扩展实现代码
2009/10/14 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
jquery-mobile表单的创建方法详解
2016/11/23 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
使用uni-app开发微信小程序的实现
2019/12/13 Javascript
python中字符串前面加r的作用
2015/06/04 Python
Python实现分割文件及合并文件的方法
2015/07/10 Python
Python 序列的方法总结
2016/10/18 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
Flask之请求钩子的实现
2018/12/23 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
python动态进度条的实现代码
2019/07/03 Python
python Pillow图像处理方法汇总
2019/10/16 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
python判断变量是否为列表的方法
2020/09/17 Python
详解Anaconda 的安装教程
2020/09/23 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
借款协议书
2014/04/12 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
2015年科协工作总结
2015/05/19 职场文书
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL