javascript实现的字符串与十六进制表示字符串相互转换方法


Posted in Javascript onJuly 17, 2015

本文实例讲述了javascript实现的字符串与十六进制表示字符串相互转换方法。分享给大家供大家参考。具体如下:

之所以写这个,是因为发现SQL注入和XSS中经常利用十六进制表示的字符串,比如
SELECT CONCAT(0x68656c6c6f);
得到的是hello

<!DOCTYPE html>
<html>
 <head>
  <title>Hex-Char Bi-Converter</title>
 </head>
 <body>
  <div class="mainContainer">
   <label for="from" id="fromLabel">String</label>
   <input type="text" name="from" id="from" />
   <input type="button" name="exchange" id="exchange" value="<=>" />
   <label for="to" id="toLabel">Hex</label>
   <input type="text" name="to" id="to" />
   <input type="button" name="convert" id="convert" value="Convert" />
  </div>
  <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript">
   var curMode = 0; // curMode: 0 represents String to Hex, 1 from Hex to String
   var fromToLabelArray = ["Hex", "String"];
   $(function() {
    $("#convert").click(function() {
     var fromVal = $("#from").val();
     var toVal = 
      curMode === 0 
      ? 
      strToHexCharCode(fromVal) 
      :
      hexCharCodeToStr(fromVal);
     $("#to").val(toVal);
    });
    $("#exchange").click(function() {
     $("#fromLabel").text(fromToLabelArray[curMode]);
     $("#toLabel").text(fromToLabelArray[1-curMode]);
     curMode = 1 - curMode;
    });
   });
   function strToHexCharCode(str) {
    if(str === "")
     return "";
    var hexCharCode = [];
    hexCharCode.push("0x");    
    for(var i = 0; i < str.length; i++) {
     hexCharCode.push((str.charCodeAt(i)).toString(16));
    }
    return hexCharCode.join("");
   }
   function hexCharCodeToStr(hexCharCodeStr) {
    var trimedStr = hexCharCodeStr.trim();
    var rawStr = 
      trimedStr.substr(0,2).toLowerCase() === "0x"
      ? 
      trimedStr.substr(2) 
      : 
      trimedStr;
    var len = rawStr.length;
    if(len % 2 !== 0) {
     alert("Illegal Format ASCII Code!");
        return "";
    }
    var curCharCode;
    var resultStr = [];
    for(var i = 0; i < len;i = i + 2) {
     curCharCode = parseInt(rawStr.substr(i, 2), 16); // ASCII Code Value
     resultStr.push(String.fromCharCode(curCharCode));
    }
    return resultStr.join("");
   }
  </script>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
Sort()函数的多种用法
Mar 20 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
Feb 23 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 Javascript
JavaScript实现基于十进制的四舍五入实例
Jul 17 #Javascript
JavaScript之AOP编程实例
Jul 17 #Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 #Javascript
javascript封装的sqlite操作类实例
Jul 17 #Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 #Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 #Javascript
javascript实现树形菜单的方法
Jul 17 #Javascript
You might like
JAVA/JSP学习系列之六
2006/10/09 PHP
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
浅谈PHP之ThinkPHP框架使用详解
2020/07/21 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
webpack3之loader全解析
2017/10/26 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
2017/10/31 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
Python中装饰器的一个妙用
2015/02/08 Python
python提取内容关键词的方法
2015/03/16 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
python django事务transaction源码分析详解
2017/03/17 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
Python 硬币兑换问题
2019/07/29 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Python内置类型性能分析过程实例
2020/01/29 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
医学专业五年以上个人求职信
2013/12/03 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
新入职员工工作总结
2015/10/15 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫