纯html网页多语言国际化

前言

起初想用的是jquery.i18n.properties,因为是客户端项目最终读取的是本地文件并没有域名一说,导致读取不到.properties文件获取不到value值一直报错value.length......

解决方案

使用i18n.next.js 以下为结构实例
<script type="text/javascript" src="./assets/js/jquery3.6.js"></script>
<script type="text/javascript" src="./assets/js/i18n.next.min.js"></script>
<script type="text/javascript" src="./assets/js/jquery.i18n.next.min.js"></script>
<script src="./assets//js/lanuguage.js"></script>
<div id="stampManageContent" class="container">
                <button class="refBtn thmemFont" data-i18n="container.0000006B">刷新</button>
 
 </div>
<script>
geti18n()
</script>

前面三个js网上自行下载

lanuguage.js 我是读取客户端语言包txt做处理重组成语言包

// 国际化
// var language=iSignature.Configs.getConfig("./KGClientConfig.dll").value("/Signature/Language/KGClient");
var strpath =  iSignature.KinggridPath;
strpath = strpath + '/KGSignatureCenter/languages/KGSignCenterLanguage.dll';
var languageData = String(iSignature.Applications.getJsonList(strpath));
var languageCnArr = languageData.split("zh_TW_00000000")[0];
var languageTwArr = languageData.split("zh_TW_00000000")[1].split('en_US_00000000')[0];
var languageEnArr = languageData.split("en_US_00000000")[1];
var strIdCnArr = [];
var strValCnArr = [];
var strValTwArr = [];
var strValEnArr = [];
languageCnArr.replace(/zh_CN_(.+?)=/g,function (s,a) {
    strIdCnArr.push(a)
})
languageCnArr.replace(/=(S*)/g,function (s,a) {
    strValCnArr.push(a)
})
languageTwArr.replace(/=(S*)/g,function (s,a) {
    strValTwArr.push(a)
})
languageEnArr.replace(/=(.*)/g,function (s,a) {
    strValEnArr.push(a)
})

var en_us_data = {}
var zh_cn_data={}
var zh_tw_data={}
for(var i=0;i<strIdCnArr.length;i++){
    var id = strIdCnArr[i];
    var cnval = strValCnArr[i];
    var twval = strValTwArr[i];
    var enval = strValEnArr[i]
    zh_cn_data[id]=cnval
    zh_tw_data[id]=twval
    en_us_data[id]=enval
}
//en_us_ 
//zh_cn_
//zh_tw_
var containerData;
if(language=="en_us_"){
    containerData=en_us_data
}else if(language=="zh_tw_"){
    containerData=zh_tw_data
}else{
    containerData=zh_cn_data
}

function geti18n(){
    
    i18next.init({
        lng: 'en', // evtl. use language-detector https://github.com/i18next/i18next-browser-languageDetector
        resources: { // evtl. load via xhr https://github.com/i18next/i18next-xhr-backend
          en: {
            translation: {
              container: containerData
            }
          }
        }
      }, function(err, t) {
        jqueryI18next.init(i18next, $);
        $('.container').localize();
      });
}

客户端获取的txt大概是这样

zh_CN_00000000=iSignature签章中心
zh_CN_00000001=签章中心
zh_CN_00000002=主页
zh_CN_00000003=上一页
zh_CN_00000004=上一页
zh_CN_00000005=刷新页面
zh_CN_00000006=授权单位
zh_CN_00000007=授权期限
zh_CN_00000008=服务地址
zh_CN_00000009=安装路径
zh_CN_0000000A=客户编码
zh_CN_0000000B=产品类型
zh_CN_0000000C=标准版
zh_CN_0000000D=网络版
zh_CN_0000000E=CA版
zh_CN_0000000F=项目目录
zh_CN_00000010=配置目录
zh_CN_00000011=卸载产品
zh_CN_00000012=通知
zh_CN_00000013=设置
zh_CN_00000014=个人中心
zh_CN_00000015=登录
zh_CN_00000016=退出登录
zh_CN_00000017=收起
zh_CN_00000018=更多
zh_CN_00000019=签章
zh_CN_0000001A=PDF签章
zh_CN_0000001B=对PDF文档阅读、签章、验证
zh_CN_0000001C=OFD签章
zh_CN_0000001D=对OFD文档阅读、签章、验证
zh_CN_0000001E=OFFICE签章(文字)
zh_CN_0000001F=对DOCDOCX文档签章、验证
zh_CN_00000020=OFFICE签章(表格)
zh_CN_00000021=对XLSXLSX文档签章、验证
zh_CN_00000022=管理
zh_CN_00000023=印章查看
zh_CN_00000024=查看并显示拥有的所有印章
zh_CN_00000025=签章设置
zh_CN_00000026=设置签章系统参数、密码及网络配置
zh_CN_00000027=打印申请
zh_CN_00000028=申请使用打印机打印文件
zh_CN_00000029=组件服务
zh_CN_0000002A=管理金格组件服务及运行日志
zh_CN_0000002B=在线升级
zh_CN_0000002C=申请升级签章软件客户端
zh_CN_0000002D=签章服务器登录
zh_CN_0000002E=访问签章服务器登录页面并管理
zh_CN_0000002F=国密印章申请
zh_CN_00000030=适用于OFD签章
zh_CN_00000031=公众云
zh_CN_00000032=我的待办
zh_CN_00000033=公众云自助服务待办事项
zh_CN_00000034=在线新办
zh_CN_00000035=用户自主在线办理签章
zh_CN_00000036=应用
zh_CN_00000037=信签-电子合同
zh_CN_00000038=全生命周期电子合同签署服务平台
zh_CN_00000039=超阅OFD阅读器(免费个人版)
zh_CN_0000003A=一款好用、简单的OFD文档阅读器
zh_CN_0000003B=在线印模制作工具
zh_CN_0000003C=在线印模图案PS制作工具
zh_CN_0000003D=智能识别文字工具
zh_CN_0000003E=快捷键屏幕截图OCR识别文字
zh_CN_0000003F=超阅云-文档转换
zh_CN_00000040=实现OFFICE/图片转PDF/OFD文档
zh_CN_00000041=密钥盘适配工具
zh_CN_00000042=KDP包检测和制作工具
zh_CN_00000043=服务
zh_CN_00000044=金格科技官网
zh_CN_00000045=产品、技术、方案、服务等介绍
zh_CN_00000046=远程服务工具
zh_CN_00000047=第三方向日葵远程连接软件
zh_CN_00000048=金格开发者平台
zh_CN_00000049=伙伴对接金格产品技术及资料平台
zh_CN_0000004A=金格技术论坛
zh_CN_0000004B=金格产品知识库及问答
zh_CN_0000004C=推荐
zh_CN_0000004D=最新
zh_CN_0000004E=通用
zh_CN_0000004F=背景风格
zh_CN_00000050=OFFICE软件
zh_CN_00000051=自动检测
zh_CN_00000052=——科技传承古老文化 安全信守一诺千金
zh_CN_00000053=产品版本
zh_CN_00000054=江西金格科技股份有限公司 版权所有
zh_CN_00000055=iSignature签章中心是以用户为中心的用户统一服务软件,作为金格iSignature电子签章产品重要门户入口,能够快速并简单的配置签章系統,在线自助办理签章业务,一键使用云上服务等。(便捷配置签章系统;在线办理签章业务;提供云多项服务)
zh_CN_00000056=印章管理
zh_CN_00000057=印章列表
zh_CN_00000058=授权单位
zh_CN_00000059=授权期限
zh_CN_0000005A=密钥序列
zh_CN_0000005B=印章数量
zh_CN_0000005C=设备标签
zh_CN_0000005D=设备空间
zh_CN_0000005E=剩余空间
zh_CN_0000005F=证书列表
zh_CN_00000060=显示证书
zh_CN_00000061=导出证书
zh_CN_00000062=印章制式
zh_CN_00000063=用户名称
zh_CN_00000064=印章名称
zh_CN_00000065=印章序列
zh_CN_00000066=生效日期
zh_CN_00000067=过期日期
zh_CN_00000068=在线校验
zh_CN_00000069=宽度(厘米)
zh_CN_0000006A=高度(厘米)
zh_CN_0000006B=刷新
zh_CN_0000006C=网络配置
zh_CN_0000006D=签章密码修改
zh_CN_0000006E=多语言设置
zh_CN_0000006F=二维码设置
zh_CN_00000070=签章服务器
zh_CN_00000071=密钥盘序号
zh_CN_00000072=旧密码
zh_CN_00000073=新密码
zh_CN_00000074=确认密码
zh_CN_00000075=读取序号
zh_CN_00000076=修改密码
zh_CN_00000077=简体中文
zh_CN_00000078=繁体中文
zh_CN_00000079=ENGLISH
zh_CN_0000007A=默认文字
zh_CN_0000007B=默认Logo
zh_CN_0000007C=Logo类型
zh_CN_0000007D=本地图片
zh_CN_0000007E=网络图片
zh_CN_0000007F=例如http://www.kinggrid.com
zh_CN_00000080=请输入序列号
zh_CN_00000081=请输入密码
zh_CN_00000082=提示
zh_CN_00000083=请确认是否插上密钥盘
zh_CN_00000084=设置成功
zh_CN_00000085=关闭
zh_CN_00000086=保存
zh_CN_00000087=组件服务管理
zh_CN_00000088=启动服务
zh_CN_00000089=重启服务
zh_CN_0000008A=停止服务
zh_CN_0000008B=查看日志
zh_CN_0000008C=欢迎登录签章中心
zh_CN_0000008D=短信登录
zh_CN_0000008E=请输入手机号
zh_CN_0000008F=请输入验证码
zh_CN_00000090=发送验证码
zh_CN_00000091=密码登录
zh_CN_00000092=请输入手机号或账号
zh_CN_00000093=请输入密码
zh_CN_00000094=自动登录
zh_CN_00000095=忘记密码
zh_CN_00000096=没有账号?
zh_CN_00000097=注册账号
zh_CN_00000098=您还有未填项
zh_CN_00000099=最大化
zh_CN_0000009A=最小化
zh_CN_0000009B=关闭
zh_CN_0000009C=金格科技
zh_CN_0000009D=所有应用
zh_CN_0000009E=应用管理
zh_CN_0000009F=新标签页
zh_CN_000000A0=还原
zh_TW_00000000=iSignature簽章中心
zh_TW_00000001=簽章中心
zh_TW_00000002=主頁
zh_TW_00000003=上一頁
zh_TW_00000004=前一頁
zh_TW_00000005=刷新頁面
zh_TW_00000006=授權單位
zh_TW_00000007=授權期限
zh_TW_00000008=服務地址
zh_TW_00000009=安裝路徑
zh_TW_0000000A=客戶編碼
zh_TW_0000000B=產品類型
zh_TW_0000000C=標準版
zh_TW_0000000D=網絡版
zh_TW_0000000E=CA版
zh_TW_0000000F=項目目錄
zh_TW_00000010=配置目錄
zh_TW_00000011=卸載產品
zh_TW_00000012=通知
zh_TW_00000013=設置
zh_TW_00000014=個人中心
zh_TW_00000015=登錄
zh_TW_00000016=退出登錄
zh_TW_00000017=收起
zh_TW_00000018=更多
zh_TW_00000019=簽章
zh_TW_0000001A=PDF簽章
zh_TW_0000001B=對PDF文檔閱讀、簽章、驗證
zh_TW_0000001C=OFD簽章
zh_TW_0000001D=對OFD文檔閱讀、簽章、驗證
zh_TW_0000001E=OFFICE簽章(文字)
zh_TW_0000001F=對DOCDOCX文檔簽章、驗證
zh_TW_00000020=OFFICE簽章(表格)
zh_TW_00000021=對XLSXLSX文檔簽章、驗證
zh_TW_00000022=管理
zh_TW_00000023=印章查看
zh_TW_00000024=查看并顯示擁有的所有印章
zh_TW_00000025=簽章設置
zh_TW_00000026=設置簽章系統參數、密碼及網絡配置
zh_TW_00000027=打印申請
zh_TW_00000028=申請使用打印機打印文件
zh_TW_00000029=組件服務
zh_TW_0000002A=管理金格組件服務及運行日誌
zh_TW_0000002B=在線升級
zh_TW_0000002C=申請升級簽章軟件客戶端
zh_TW_0000002D=簽章服務器登錄
zh_TW_0000002E=訪問簽章服務器登錄頁面并管理
zh_TW_0000002F=國密印章申請
zh_TW_00000030=適用於OFD簽章
zh_TW_00000031=公眾云
zh_TW_00000032=我的待辦
zh_TW_00000033=公眾云自助服務待辦事項
zh_TW_00000034=在線新辦
zh_TW_00000035=用戶自助在線辦理簽章
zh_TW_00000036=應用
zh_TW_00000037=信簽-電子合同
zh_TW_00000038=全生命週期電子合同簽署服務平台
zh_TW_00000039=超閱OFD閱讀器(免費個人版)
zh_TW_0000003A=一款好用、簡單的OFD文檔閱讀器
zh_TW_0000003B=在線印模製作工具
zh_TW_0000003C=在線印模圖案PS製作工具
zh_TW_0000003D=智能識別文字工具
zh_TW_0000003E=快捷鍵屏幕截圖OCR識別文字
zh_TW_0000003F=超閱云-文檔轉換
zh_TW_00000040=實現OFFICE/圖片轉PDF/OFD文檔
zh_TW_00000041=密鑰盤適配工具
zh_TW_00000042=KDP包檢測和製作工具
zh_TW_00000043=服務
zh_TW_00000044=金格科技官網
zh_TW_00000045=產品、技術、方案、服務等介紹
zh_TW_00000046=遠程服務工具
zh_TW_00000047=第三方向日葵遠程連接軟件
zh_TW_00000048=金格開發者平台
zh_TW_00000049=夥伴對接金格產品技術及資料平台
zh_TW_0000004A=金格技術論壇
zh_TW_0000004B=金格產品知識庫及問答
zh_TW_0000004C=推薦
zh_TW_0000004D=最新
zh_TW_0000004E=通用
zh_TW_0000004F=背景風格
zh_TW_00000050=OFFICE軟件
zh_TW_00000051=自動檢測
zh_TW_00000052=——科技傳承古老文化 安全信守一諾千金
zh_TW_00000053=產品版本
zh_TW_00000054=江西金格科技股份有限公司 版本所有
zh_TW_00000055=iSignature簽章中心是用戶為中心的用戶統一服務軟件、作為金格iSignature電子簽章產品重要用戶入口,能夠快速并簡單的配置簽章系統,在線自助辦理簽章業務,一建使用雲上服務等。(便捷配置簽章系統;在線辦理簽章業務;提供雲多項服務)
zh_TW_00000056=印章管理
zh_TW_00000057=印章列表
zh_TW_00000058=授權單位
zh_TW_00000059=授權期限
zh_TW_0000005A=密鑰序列
zh_TW_0000005B=印章數量
zh_TW_0000005C=設備標籤
zh_TW_0000005D=設備空間
zh_TW_0000005E=剩餘空間
zh_TW_0000005F=證書列表
zh_TW_00000060=顯示證書
zh_TW_00000061=導出證書
zh_TW_00000062=印章制式
zh_TW_00000063=用戶名稱
zh_TW_00000064=印章名稱
zh_TW_00000065=印章序列
zh_TW_00000066=生效日期
zh_TW_00000067=過期日期
zh_TW_00000068=在線校驗
zh_TW_00000069=寬度(釐米)
zh_TW_0000006A=高度(釐米)
zh_TW_0000006B=刷新
zh_TW_0000006C=網絡配置
zh_TW_0000006D=簽章密碼修改
zh_TW_0000006E=多語言設置
zh_TW_0000006F=二維碼設置
zh_TW_00000070=簽章服務器
zh_TW_00000071=密鑰盤序號
zh_TW_00000072=舊密碼
zh_TW_00000073=新密碼
zh_TW_00000074=確認密碼
zh_TW_00000075=讀取序號
zh_TW_00000076=修改密碼
zh_TW_00000077=簡體中文
zh_TW_00000078=繁體中文
zh_TW_00000079=ENGLISH
zh_TW_0000007A=默認文字
zh_TW_0000007B=默認Logo
zh_TW_0000007C=Logo類型
zh_TW_0000007D=本地圖片
zh_TW_0000007E=網絡圖片
zh_TW_0000007F=例如http://www.kinggrid.com
zh_TW_00000080=請輸入序列號
zh_TW_00000081=請輸入密碼
zh_TW_00000082=提示
zh_TW_00000083=請確認是否插上密鑰盤
zh_TW_00000084=設置成功
zh_TW_00000085=關閉
zh_TW_00000086=保存
zh_TW_00000087=組件服務管理
zh_TW_00000088=啟動服務
zh_TW_00000089=重啟服務
zh_TW_0000008A=停止服務
zh_TW_0000008B=查看日誌
zh_TW_0000008C=歡迎登錄簽章中心
zh_TW_0000008D=短信登錄
zh_TW_0000008E=請輸入手機號
zh_TW_0000008F=請輸入驗證碼
zh_TW_00000090=發送驗證碼
zh_TW_00000091=密碼登錄
zh_TW_00000092=請輸入手機號或賬號
zh_TW_00000093=請輸入密碼
zh_TW_00000094=自動登錄
zh_TW_00000095=忘記密碼
zh_TW_00000096=沒有賬號?
zh_TW_00000097=註冊賬號
zh_TW_00000098=您還有未填項
zh_TW_00000099=最大化
zh_TW_0000009A=最小化
zh_TW_0000009B=關閉
zh_TW_0000009C=金格科技
zh_TW_0000009D=所有應用
zh_TW_0000009E=應用管理
zh_TW_0000009F=新標籤頁
zh_TW_000000A0=還原
en_US_00000000=iSignature Signature center
en_US_00000001=Signature center
en_US_00000002=Home
en_US_00000003=Click to go back
en_US_00000004=Click to go forward
en_US_00000005=Refresh
en_US_00000006=Authorized corporation
en_US_00000007=Authorized duration
en_US_00000008=Server
en_US_00000009=Installation path
en_US_0000000A=Client code
en_US_0000000B=Product edition
en_US_0000000C=Standard edition
en_US_0000000D=Internet edition
en_US_0000000E=CA edition
en_US_0000000F=Project catalog
en_US_00000010=Configuration catalog
en_US_00000011=Uninstall
en_US_00000012=Notification
en_US_00000013=Settings
en_US_00000014=Personal center 
en_US_00000015=Log in
en_US_00000016=Log out
en_US_00000017=Less
en_US_00000018=More
en_US_00000019=Signature
en_US_0000001A=PDF Signature
en_US_0000001B=Read,signature,verify PDF file
en_US_0000001C=OFD Signature 
en_US_0000001D=Read,signature,verify OFD file  
en_US_0000001E=OFFICE Signature(Word)
en_US_0000001F=Signature,verify DOCDOCX file
en_US_00000020=OFFICE Signature(Excel)
en_US_00000021=Signature,verify XLSXLSX file
en_US_00000022=Management
en_US_00000023=Query seals
en_US_00000024=Display the seals owned
en_US_00000025=Signature settings
en_US_00000026=Install signature system parameters, password and network configuration
en_US_00000027=Printing application
en_US_00000028=Apply for using printer
en_US_00000029=Module services
en_US_0000002A=Manage module services and running log
en_US_0000002B=Online updating
en_US_0000002C=Apply for updating signature client
en_US_0000002D=Login signature server
en_US_0000002E=Visit signature server login page and manage it
en_US_0000002F=SM2 signature application
en_US_00000030=Apply for OFD seal
en_US_00000031=Self-service cloud
en_US_00000032=To-do list
en_US_00000033=Self-service online to-do list
en_US_00000034=Online signature application
en_US_00000035=Users apply for new signature online
en_US_00000036=App
en_US_00000037=Tosign
en_US_00000038=Turnkey service e-contract signing app
en_US_00000039=SurRead OFD reader(personal edtion for free)   
en_US_0000003A=A useful and convenient OFD reader   
en_US_0000003B=Online procedure for model PS app
en_US_0000003C=An online procedure for model making
en_US_0000003D=Intelligent text recognition app
en_US_0000003E=Screenshot shortcuts and OCR for recognition text
en_US_0000003F=SurRead Cloud
en_US_00000040=Can convert OFFICE/pic to PDF/ODF
en_US_00000041=Key adapter
en_US_00000042=Adapt key to Kingger and generata KDP
en_US_00000043=Service
en_US_00000044=Kinggrid Technology home page
en_US_00000045=Introduction for product,technology,solution,service,etc.
en_US_00000046=Remote service
en_US_00000047=Third part software SunloginClient link
en_US_00000048=Kinggrid developers platform
en_US_00000049=Kinggrid product integrating and info exchange
en_US_0000004A=Kinggrid Technology BBS
en_US_0000004B=Kinggrid knowledge base and Q&A
en_US_0000004C=Hot
en_US_0000004D=New
en_US_0000004E=General
en_US_0000004F=Background style
en_US_00000050=OFFICE software
en_US_00000051=Automatic detection
en_US_00000052=
en_US_00000053=Product version
en_US_00000054=Jiangxi Kinggrid Technology Co., Ltd Copyright infringement
en_US_00000055=iSignature:convenient singnature system;online signature servic;cloud applications
en_US_00000056=Seal management
en_US_00000057=Seal list
en_US_00000058=Authorized corporation
en_US_00000059=Authorized duration
en_US_0000005A=Key number
en_US_0000005B=Number of seals
en_US_0000005C=Key label
en_US_0000005D=Key storage space
en_US_0000005E=Remain storage space
en_US_0000005F=Certification list
en_US_00000060=Reveal certification 
en_US_00000061=Export certification
en_US_00000062=Seal version
en_US_00000063=User name
en_US_00000064=Seal name
en_US_00000065=Seal number
en_US_00000066=Effective date
en_US_00000067=Expired date
en_US_00000068=Online verification
en_US_00000069=Width(cm)
en_US_0000006A=Height(cm)
en_US_0000006B=Refresh
en_US_0000006C=Network configuration
en_US_0000006D=Change signature password
en_US_0000006E=Languages
en_US_0000006F=QR code
en_US_00000070=Signature server
en_US_00000071=Key SN
en_US_00000072=Initial password
en_US_00000073=New password
en_US_00000074=Confirm password
en_US_00000075=Reading key SN
en_US_00000076=Change password
en_US_00000077=Chinese simple
en_US_00000078=Chinese traditional
en_US_00000079=ENGLISH
en_US_0000007A=Code content
en_US_0000007B=Code Logo
en_US_0000007C=Logo type
en_US_0000007D=Local image
en_US_0000007E=Internet image
en_US_0000007F=e.g. http://www.kinggrid.com
en_US_00000080=enter the SN
en_US_00000081=enter the password
en_US_00000082=Tip
en_US_00000083=Please check with the key disk
en_US_00000084=Config successful
en_US_00000085=Close
en_US_00000086=Save
en_US_00000087=Module services management
en_US_00000088=Start
en_US_00000089=Restart
en_US_0000008A=Stop
en_US_0000008B=Query running log
en_US_0000008C=Welcome to the Signature Center
en_US_0000008D=SMS login
en_US_0000008E=enter the phone number
en_US_0000008F=enter the verification code
en_US_00000090=send the code
en_US_00000091=Password login
en_US_00000092=enter the phone number or account
en_US_00000093=enter the password
en_US_00000094=Automatic login
en_US_00000095=Forget password
en_US_00000096=No account?
en_US_00000097=Register
en_US_00000098=Please check with the key disk
en_US_00000099=Max
en_US_0000009A=Min
en_US_0000009B=Close
en_US_0000009C=Kinggrid Technology
en_US_0000009D=ALL APP
en_US_0000009E=APP management
en_US_0000009F=New tab page
en_US_000000A0=reduction

注意事项

1、class命名我定的是container ,可以自行定

原文地址:https://www.cnblogs.com/iwen1992/p/15067561.html