脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js将字符转换为16进制

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进制的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • JS函数本身的作用域实例分析

    JS函数本身的作用域实例分析

    这篇文章主要介绍了JS函数本身的作用域,结合实例形式分析了JS函数作用域相关原理、操作技巧与使用注意事项,需要的朋友可以参考下
    2020-03-03
  • js解决movebox移动问题

    js解决movebox移动问题

    这篇文章主要为大家详细介绍了js解决movebox移动问题，取消图片默认拖动事件，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JavaScript笔记之数据属性和存储器属性

    JavaScript笔记之数据属性和存储器属性

    本文给大家介绍js数据属性和存储器属性，及两种属性的区别，对js数据属性存储器属性相关知识感兴趣的朋友一起学习
    2016-03-03
  • javascript 操作cookies及正确使用cookies的属性

    javascript 操作cookies及正确使用cookies的属性

    在 JS(JavaScript) 操作cookies比较复杂，在 ASP 里面我们只需要知道 cookie 的名称、cookie 的值就行了，而 JS 里面，我们面对的是 cookie 的字符串，你自己编写这个字符串写入客户端，然后自己解析这个字符串。
    2009-10-10
  • 微信小程序wx.request实现后台数据交互功能分析

    微信小程序wx.request实现后台数据交互功能分析

    这篇文章主要介绍了微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下
    2017-11-11
  • 详解webpack-dev-server使用方法

    详解webpack-dev-server使用方法

    这篇文章主要介绍了详解webpack-dev-server使用方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • bootstrap弹出层的多种触发方式

    bootstrap弹出层的多种触发方式

    这篇文章主要为大家详细介绍了bootstrap弹出层的多种触发方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js事件冒泡与事件捕获详解

    js事件冒泡与事件捕获详解

    本文主要介绍了js事件冒泡与事件捕获的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • JS判断表单输入是否为空(示例代码)

    JS判断表单输入是否为空(示例代码)

    本篇文章主要是对JS判断表单输入是否为空的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • JavaScript中Async/Await通过同步的方式实现异步的方法介绍

    JavaScript中Async/Await通过同步的方式实现异步的方法介绍

    在JavaScript的异步编程中，我们经常使用回调函数、Promise和 Async/Await来解决异步操作的问题，Async/Await 又是Promise的语法糖，它的出现让异步编程变得更加直观和易于理解，本文将详细讲解Async/Await如何通过同步的方式实现异步
    2023-06-06

最新评论