搜索
首页web前端前端问答javascript 怎么实现gbk编码

javascript 怎么实现gbk编码

Jan 18, 2022 am 11:14 AM
gbkjavascript

javascript实现gbk编码的方法:1、在js建立一个“字符->gbk码”的映射表,通过查表来解决;2、使用escapeDBC和encodeURIComponent进行编码。

javascript 怎么实现gbk编码

本文操作环境:Windows7系统、javascript1.8.5版、Dell G3电脑。

javascript 怎么实现gbk编码?

Javascript对中文GBK编码

今天帮同事弄一个在迅雷新闻上展示的页面,里面的搜索功能对关键词用的是GBK编码,而他们给我的页面上GB2312的,造成搜索功能的关键词乱码。后面google了一下,找到了解决方案,很有效。

以”超级本“这个关键词为例:

GB2312下编码后为%E8%B6%85%E7%BA%A7%E6%9C
GBK下编码后为%B3%AC%BC%B6%B1%BE

在 js 中要怎样实现使用gbk集进行 uri 编码呢

%HH 其实就只是把一个字节值转换成2位16进制数字,再在前头加上 % 而己

问题是 js 中没有函数可以支持取得字符的 gbk 编码值   str.charCodeAt(index)  取得的是 unicode 编码值。

现在在网上流行的一种解决方案就是,在 js 建立一个 “字符->gbk码” 的映射表,通过查表来解决

因为字符多,这使得 js 雍肿了不少,而且在网上找到的这些映射表建的是不是全面,很难说。

其实在 ie 中,我们可以借助 VBScript 来支持这个工作。

VBScript 中: (Asc(“盟”) + 65536) Mod 65536  就可以取得字符 “盟” 的 GBK 码 50123

但是其它浏览器不支持 VBScript ,可怎么办?

有这么一个办法:

在页面中插入一个图片 img,   设置 img.src = “…中文…”;  这个时候,浏览器会自动把这个 src 的值进行 uri 编码

而它是使用 gbk 还是 utf8 ,是根据文档编码来决定的.

这时候,我们就可以好好利用一下这个特性:

<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<script type="text/javascript">
function encodeURL(s) {
var img = document.createElement("img");
// escapeDBC 对多字节字符编码的函数
function escapeDBC(s) {
if (!s) return ""
if (window.ActiveXObject) {
// 如果是 ie, 使用 vbscript
execScript(‘SetLocale "zh-cn"’, ‘vbscript’);
return s.replace(/[\d\D]/g, function($0) {
window.vbsval = "";
execScript(‘window.vbsval=Hex(Asc("’ + $0 + ‘"))’, "vbscript");
return "%" + window.vbsval.slice(0,2) + "%" + window.vbsval.slice(-2);
});
}
// 其它浏览器利用浏览器对请求地址自动编码的特性
img.src = "nothing.action?separator=" + s;
return img.src.split("?separator=").pop();
}
// 把 多字节字符 与 单字节字符 分开,分别使用 escapeDBC 和 encodeURIComponent 进行编码
return s.replace(/([^\x00-\xff]+)|([\x00-\xff]+)/g, function($0, $1, $2) {
return escapeDBC($1) + encodeURIComponent($2||”);
});
}
alert(encodeURL("中文"));
</script>

推荐学习:《javascript基础教程

以上是javascript 怎么实现gbk编码的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
使用HTML5可以播放哪种类型的音频文件?使用HTML5可以播放哪种类型的音频文件?Apr 30, 2025 pm 02:59 PM

本文讨论了HTML5音频格式和跨浏览器兼容性。它涵盖MP3,WAV,OGG,AAC和WebM,并建议使用多个来源和后备以实现更广泛的可访问性。

SVG和Canvas HTML5元素之间的区别?SVG和Canvas HTML5元素之间的区别?Apr 30, 2025 pm 02:58 PM

SVG和画布是Web图形的HTML5元素。基于向量的SVG擅长可扩展性和交互性,而基于像素的画布则更适合游戏等性能密集型应用程序。

使用HTML5可能会拖放吗?使用HTML5可能会拖放吗?Apr 30, 2025 pm 02:57 PM

HTML5可以通过特定的事件和属性进行拖放,从而允许自定义,但面临旧版本和移动设备上的浏览器兼容性问题。

&lt; meter&gt之间有什么区别; tag and&&&&gt;标签?&lt; meter&gt之间有什么区别; tag and&&&&gt;标签?Apr 30, 2025 pm 02:56 PM

本文讨论了HTML的&Lt; Meter&Gt; &&&lt;标签,用于显示标量值和任务进度。

将以下数据转换为HTML5中的表格格式?将以下数据转换为HTML5中的表格格式?Apr 30, 2025 pm 02:54 PM

这是使用HTML5转换为表格格式的数据,包括响应式设计的示例和策略,造型的最佳实践以及表格结构中使用的语义HTML5标签:&lt;!doctype html&gt; &lt; html lang =&

定义图像图?定义图像图?Apr 30, 2025 pm 02:53 PM

本文讨论了网络设计中的图像图,它们的好处,例如增强的导航和参与度以及创建工具。

是Lt; Datalist&gt; tag和&&&&&oflect&gt;标记相同吗?是Lt; Datalist&gt; tag和&&&&&oflect&gt;标记相同吗?Apr 30, 2025 pm 02:52 PM

本文讨论了&lt; datalist&gt; gt; &&&lt; select&gt;标签,专注于其功能,用户互动以及对不同Web开发方案的适用性。

&lt; tig&gt; tag和&&&&img&gt;标签?&lt; tig&gt; tag和&&&&img&gt;标签?Apr 30, 2025 pm 02:50 PM

本文讨论了HTML的Lt; gt; gt; &&lt; img&gt;标签,专注于他们的目的,用法和语义优势。主要论点是&gt; gt;提供更好的结构和访问

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具