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 相关文章推荐
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
Dec 17 Javascript
vue实现分页组件
Jun 16 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
JavaScript实现复选框全选功能
Apr 11 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 curl 并发最佳实践代码分享
2012/09/05 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
php获取url参数方法总结
2014/11/13 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
深入探寻javascript定时器
2015/01/02 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
2016/06/29 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
2018/12/30 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
pycharm打开命令行或Terminal的方法
2019/01/16 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
python mysql中in参数化说明
2020/06/05 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
2014年大学生自我评价
2014/01/19 职场文书
小学领导班子对照材料
2014/08/23 职场文书
三八妇女节慰问信
2015/02/14 职场文书
教师岗位职责范本
2015/04/02 职场文书