韩国 裸舞 基于JavaScript竣事快速退换文本说话（繁体汉文和简体汉文）

发布日期：2024-09-28 16:06    点击次数：191

一般生意网站齐有一个说话的需求韩国 裸舞，即是为了关注使用正体汉文的国东谈主，会挑升提供一个切换到正体汉文的选项（或曰“繁体汉文”）。传统作念法是在劳动端完成的，即通过某些控件或者过滤器退换文本说话。这里笔者先容一种粗浅可行的次第，不是在劳动端而是讹诈前端的 JavaScript 就不错切换正体汉文。 如下图，咱们把切换按钮放在页脚（固然你也不错放手在“导航”或者其他更注重标位置）。

爱色网

由于页面假定设定均使用 Unicode 字符集韩国 裸舞，于是一般毋庸琢磨 GB2312/BIG5 字符集问题，伟大的 Unicode 字符集照旧涵盖了繁体字的字符了（UTF-8 编码）。

何如在页面调用这个功能呢？很粗浅，最初引入底下 Js（防护还依赖 Function.prototype.delegate()， 底下会说起）：

然后绑定按钮事件，咱们粗浅地使用 onclick 绑定来全局函数 window.toChinese(el)、window.toSimpleChinese(el)。el 是按钮元素。

js 代码中比拟长的两个字符串变量分袂是简体汉文和繁体汉文，他们切换莫得什么神奇之处，仅仅系数文本历程这些变量逐个双应即可。固然这里仅仅常用的繁简对应，况兼是机械的，有些独特的翻译需要有关高下文的，这种高档退换不在此狡计之列。

最初咱们望望变量函数 translate，实施它和会过递归遍历完通盘 DOM（不错说比拟笨的次第）

退换 DOM 执行，咱们第一技巧思到的可能是 el.innerHTML，但其实大可不必，况兼递归的技巧不太便捷。不妨再思思看韩国 裸舞，咱们其实只需要对文本退换即可，DOM API 或者判断 文本节点（node.nodeType == 3），然后可读可写的 data 属性即是开荒文本的（textNode.data)，由此咱们即是完成到繁体的切换。节点其他属性 title、alt、value 亦然雷同旨趣。另外，if (("