JavaScript URL与字符串十六进制加密解密转换实现

作者:小满时间:2026-10-24 04:01:05浏览:438

本文详细介绍JavaScript中字符串与十六进制相互转换的方法,涵盖charCodeAt、fromCharCode及parseInt等核心API的使用。通过具体代码示例,演示如何将URL网址转换为\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("");
}

URL网址\x编码转换实现

本站对原有逻辑进行了修改,使其支持将网址转换为\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

验证转换结果是否正确,可以直接在JavaScript中使用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";

十六进制基础与工具介绍

以下是补充内容。

JavaScript字符串与十六进制互转详解

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

\x格式字符串编解码函数

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进制的资料请关注本站其它相关文章!

作者最新文章