记录：前端js实现页面内简繁体切换

一、效果

二、实现

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="http://winserver.geointech.cn:8040/language/language.js"></script></head><body><button id="clickbtn">点击切换简繁体</button><div>鲁迅（1881年9月25日～1936年10月19日），原名周樟寿，后改名周树人，字豫山，后改字豫才，浙江绍兴人。著名文学家、思想家、革命家、教育家[179] 、民主战士，新文化运动的重要参与者，中国现代文学的奠基人之一。早年与厉绥之和钱均夫同赴日本公费留学，于日本仙台医科专门学校肄业。 [183]“鲁迅”，1918年发表《狂人日记》时所用的笔名，也是最为广泛的笔名。 [1-7]鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。[8-10] 毛泽东曾评价：“鲁迅的方向，就是中华民族新文化的方向。”</div><script>window.onload = () => {// var nowLanauage = getCookie('zh_choose') || '' // 当前语言// console.log(nowLanauage) // 简体 s  繁体 t  默认 nconst btn = document.getElementById('clickbtn')btn.addEventListener('click', async function () {await switchZHLanguage(true)// nowLanauage = getCookie('zh_choose')})/*** 切换简体繁体语言* @param isSwitch {Boolean} 是简繁体之间切换 还是直接根据当前已选类型直接转换文本*/function switchZHLanguage(isSwitch = false) {return new Promise((resolve) => {const { zhTran } = windowconst currentType = getCookie('zh_choose')if (isSwitch) {currentType === 's' ? zhTran('t') : zhTran('s')resolve()} else {setTimeout(() => {zhTran(currentType)resolve()}, 0)}})}//获取cookie的方法：function getCookie(c_name) {if (document.cookie.length > 0) {c_start = document.cookie.indexOf(c_name + '=')if (c_start != -1) {c_start = c_start + c_name.length + 1c_end = document.cookie.indexOf(';', c_start)if (c_end == -1) {c_end = document.cookie.length}return unescape(document.cookie.substring(c_start, c_end))}}return ''}}</script></body>
</html>

备注：记录供后续翻阅查询

记录：前端js实现页面内简繁体切换相关推荐

JS 实现网页的简体繁体切换
网页中实现 js 繁体简体切换这个是公司一位同事实现的功能,网站的实施是我,但不知道是他原创还是借鉴的. 首先是封装的 js 代码 1 // 网页简繁体转换 2 // 本js用于客户在网站页面选择繁 ...
jsp中实现中文简繁体切换
先导入插件zh.js <a title="点击进行简繁体切换" οnclick="javascript:LinkClick();"><span ...
windows10 自带拼音输入法，简繁体切换快捷键怎么设置？
windows10 自带拼音输入法,简繁体切换Ctrl+Shift+F,与PyCharm中查找Ctrl+Shift+F冲突
ubuntu Android Studio find in files 的快捷键与搜狗输入法Linux版简繁体切换快捷键冲突问题的解决办法【ctrl+ shift+F】
注意点搜狗输入法属性设置的图形界面中>高级>简繁切换>先设置为勾选状态解决方案 1. 修改搜狗拼音的配置文件首先打开搜狗拼音的配置文件: #gedit ~/.config/so ...
前端JS学习笔记——内置对象Math、Date 、Array、String
目录 1.Math常用方法 2.Date()方法如何获取Date的时间戳 Date()方法的使用格式化日期时间格式化输出一串时间日期倒计时功能 3.Array方法创建数组对象的两种方法检测 ...
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
一般商业网站都有一个语言的需求,就是为了照顾使用正体中文的国人,会特地提供一个切换到正体中文的选项(或曰"繁体中文").传统做法是在服务端完成的,即通过某些控件或者过滤器转换文本语 ...
如何关闭或者切换win10的简繁体切换快捷键
对于开发人员来说,win10的简繁体快捷键真的是让人无语 ,dev only bug 进入正题 1:右键任务栏的输入法点击"设置" 2:选择"按键" 3 3:选 ...
js网页简繁体切换cookie记录状态
本地file浏览器时不要使用webkit核心浏览器测试,如chrome,无法生成cookie,需要发布后通过http协议访问测试代码如下 -收缩HTML代码运行代码 [如果运行无效果,请自行将源代 ...
实现页面的简繁体的切换
<a name=StranLink>切换到繁體中文</a> 调试:基本的内容,代码里面也说明了的.只是这个繁体是简体字体下的繁体字而已,只是表现形式而已,不过话说回来,在网页中 ...

记录：前端js实现页面内简繁体切换

一、效果

二、实现

记录：前端js实现页面内简繁体切换相关推荐

最新文章

热门文章