js将URL网址转为16进制加密与解密函数

更新时间：2020年03月04日 23:14:56 投稿：mdxy-dxy

这篇文章主要介绍了js将URL网址转为16进制加密与解密函数，很多朋友喜欢将网址转换为16进制，网上实在找不到转换为\x这样的工具，于是手工改一下

十六进制（Hexadecimal）是计算机中数据的一种表示方法。同日常生活中的表示法不一样，它由0-9，A-F组成，字母不区分大小写。与10进制的对应关系是：0-9对应0-9；A-F对应10-15；N进制的数可以用0~(N-1)的数表示，超过9的用字母A-F。不同电脑系统、编程语言对于16进制数值有不同的表示方式：如增加0x前缀。

这里推荐一个在线转换的小工具方便大家使用：http://tools.jb51.net/transcoding/decode_encode_tool

php函数:

bin2hex(str)将字符串转换成16进制
bin2hex(hex)将16进制转换成字符串

下面的函数都是单个转换

字符串转16进制

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("");
}

16进制转字符串

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("");
}

脚本之家修改的一个支持将网址转换为\x编码的

function strToHexjb51(str) {
　　if(str === "")
　　　　return "";
　　var hexCharCode = [];
　　for(var i = 0; i < str.length; i++) {
		hexCharCode.push("\\x"); 　　
	　　hexCharCode.push((str.charCodeAt(i)).toString(16));
　　}
　　return hexCharCode.join("");
}

例如

document.write(strToHexjb51(”https://www.jb51.net“));

输出

\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x6a\x62\x35\x31\x2e\x6e\x65\x74

想看看对不是，直接用js的alert或document.write("")

即可看到加密的字符串，方便隐藏网址与字符等。

测试的时候也可以在chrome中定义例如

str="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x6a\x62\x35\x31\x2e\x6e\x65\x74";

下面是补充

Js字符串与十六进制的相互转换

开发过程中，字符串与十六进、二进制之间的相互转换常常会用到，尤其是涉及到中文的加密时，就需要把中文转换为十六进制。下面说说具体的转换方法。

1、字符串转换为十六进制

主要使用 charCodeAt()方法，此方法返回一个字符的 Unicode 值，该字符位于指定索引位置。

function stringToHex(str){
　　　　 var val="";
　　　　 for(var i = 0; i < str.length; i++){
　　　　　　 if(val == "")
　　　　　　　　 val = str.charCodeAt(i).toString(16);
　　　　　　 else
　　　　　　　　 val += "," + str.charCodeAt(i).toString(16);
　　　　 }
　　　　 return val;
　　 }

调用方法：

var str = "abcde";
stringToHex(str);

2、十六进制转换为字符串

主要使用 fromCharCode()方法，此方法将 Unicode 码转换为与之对应的字符

function hexToString(str){
　　　　 var val="";
　　　　 var arr = str.split(",");
　　　　 for(arr i = 0; i < arr.length; i++){
　　　　　　 val += arr[i].fromCharCode(i);
　　　　 }
　　　　 return val;
　　 }

调用方法：

var str = "676865";
　　 stringToHex(str);

3、用 parseInt() 方法转换

parseInt(string, radix) 方法只能转换 String 类型，对其它类型都返回 NaN（非数字）。string 表示待转换的字符，radix 表示要转为的进制，值介于 2 ~ 36 之间。

parseInt("bc",16); //表示把字符串bc转换为16进制，结果：188

parseInt("10",8); //表示把字符串10转换为8进制，结果：8

parseInt("10",2); //表示把字符串10转换为2进制，结果：2

Javascript \x 反斜杠x 16进制编解码

js 里 \x 开头的通常是16进制编码的数据，下面代码实现编解码：

解码

function decode(str){
return str.replace(/\\x(\w{2})/g,function(_,$1){ return String.fromCharCode(parseInt($1,16)) });
}

eg.
decode('\x5f\x63\x68\x61\x6e\x67\x65\x49\x74\x65\x6d\x43\x72\x6f\x73\x73\x4c\x61\x79\x65\x72')

"_changeItemCrossLayer"

编码

function encode(str){
return str.replace(/(\w)/g,function(_,$1){ return "\\x"+ $1.charCodeAt(0).toString(16) });
}

eg.

encode("_changeItemCrossLayer")

"\x5f\x63\x68\x61\x6e\x67\x65\x49\x74\x65\x6d\x43\x72\x6f\x73\x73\x4c\x61\x79\x65\x72"

以上就是js将URL网址转为16进制加密与解密函数的详细内容，更多关于js将字符转换为16进制的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

基于jsTree的无限级树JSON数据的转换代码
基于jsTree的无限级树JSON数据的转换代码,需要的朋友可以参考下。
2010-07-07
深入浅析JavaScript函数前面的加号和叹号
这篇文章主要介绍了深入浅析JavaScript函数前面的加号和叹号的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
你可能从未使用过的11+个JavaScript特性(小结)
这篇文章主要介绍了你可能从未使用过的11+个JavaScript特性(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-01-01
Javascript解决常见浏览器兼容问题的12种方法
我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候，某些网页元素在不同的浏览器会出现不同。
2010-01-01
IE8 浏览器Cookie的处理
最近在修改重写自己的简历程序，其中要使用皮肤切换和lightbox效果，在开发的工作中IE8，给我带来点麻烦。
2009-01-01
微信小程序如何保证每个页面都已经登陆详解
前段时间发布了一个微信小程序的简单登录,但遇到一个问题,怎么确保用户每个页面都已经登陆了呢,这篇文章主要给大家介绍了关于微信小程序如何保证每个页面都已经登陆的相关资料,需要的朋友可以参考下
2021-11-11
JavaScript事件学习小结（一）事件流
这篇文章主要介绍了JavaScript事件学习小结（一）事件流的相关资料,需要的朋友可以参考下
2016-06-06
webpack中的模式(mode)使用详解
这篇文章主要介绍了webpack中的模式(mode)使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
ES6学习之变量的两种命名方法示例
最近在学习ES，所以想着将自己学习的一些经验技巧总结一下，方便学习，所以下面这篇文章主要跟大家分享介绍了关于ES6学习之变量的两种命名方法，文中通过示例代码介绍的很详细，需要的朋友们下面来一起看看吧。
2017-07-07
JS事件添加和移出的兼容写法示例
这篇文章主要介绍了JS事件添加和移出的兼容写法,结合实例形式分析了javascript针对不同浏览器实现实现添加与移除事件的相关技巧与使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
2016-06-06