JavaScript中的16进制字符(改进)


Posted in Javascript onNovember 21, 2011

原始的代码:

//将文字转换为16进制 
function textToSix(str) { 
return escape(str).replace(/%/g, function () { 
return "\\"; 
}).toLowerCase(); 
}

改进后的:
//将文字转换为16进制 
function textToHex(str) { 
//escape对0-255以外的unicode值进行编码时输出%u****格式,例如:%u6267%u624b%u6cea%u773c 
//将其中的%替换成\就是十六进制的 
if (typeof str == "string") { 
return escape(str).replace(/%/g, function () { 
return "\\"; 
}).toLowerCase(); 
} else { 
return null; 
} 
}

主要是增加了一个验证是否为字符串的验证。

在完善了这个方法之后,我又觉得是不是要改进下面这个方法:

//将16进制表示为文字 
function sixToText(str) { 
return unescape(str); 
}

本意是将"\unnn"之类的字符转换回文字。其实,只需看看unescape这个方法的原理(工作原理:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码。来自百度百科的解释)。就会知道我完全是多此一举。因为浏览器是可以解析十六进制的字符的。例如:

在IE9中:

JavaScript中的16进制字符(改进)

在Chrome中:

JavaScript中的16进制字符(改进)

再补充另外一点收获吧。其实在做这个解析被我替换后的字符时,我最初的想法是将"\"这个字符在替换回"%",然后再用unescape这个解码函数来解析字符。然而,当我在我想将"\"替换为"%"却发现了下面的一个比较有意思的现象:像“\”这个字符如果后面没有碰到“t”,"n"之类可以和t结合在一起组成转意字符的话,是会被浏览器忽略的。用实验来验证我的结论吧:

在IE9中调试:

JavaScript中的16进制字符(改进)

在Chrome下调试:

JavaScript中的16进制字符(改进)

在这里定义了一个变量,变量中含有一些平时可能很少出现的字符"\",调试的时候,看看上面的提示了吗,浏览器很智能的忽略掉了特殊位置的字符。因此在将一些看似很平常的字符(例如文件路径等)放在js的变量中,可能输出来的结果并不是预期的。

Javascript 相关文章推荐
jQueryUI如何自定义组件实现代码
Nov 14 Javascript
jQuery Tools Dateinput使用介绍
Jul 14 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
js中settimeout方法加参数的使用实例
Feb 27 Javascript
js中运算符&& 和 || 的使用记录
Aug 21 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
Sep 05 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
Vue中keep-alive的两种应用方式
Jul 15 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
Nov 06 Javascript
在vue中使用eslint,配合vscode的操作
Nov 09 Javascript
日期处理的js库(迷你版)--自建js库总结
Nov 21 #Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 #Javascript
页面调用单个swf文件,嵌套出多个方法。
Nov 21 #Javascript
javascript中xml操作实现代码
Nov 21 #Javascript
js调用activeX获取u盘序列号的代码
Nov 21 #Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 #Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 #Javascript
You might like
德生1994机评
2021/03/02 无线电
php模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python threading的使用方法解析
2019/08/28 Python
浅谈Python协程
2020/06/17 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
什么叫做SQL注入,如何防止
2016/10/04 面试题
土木工程专业大学毕业生求职信
2013/10/13 职场文书
青年志愿者活动方案
2014/08/17 职场文书
合伙经营协议书范本
2014/09/13 职场文书
校园运动会广播稿
2014/10/06 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
会计求职信怎么写
2015/03/20 职场文书
校车司机安全责任书
2015/05/11 职场文书
起诉状范本
2015/05/20 职场文书
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python