关注 jsdigs 偶尔给你来点干的。
这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面，这种解决方案显得更简单。它没有依赖，压缩只有只有(~2kb)。
支持 IMG 文本 切换
支持 URL 加载语言
支持本地缓存选择
立即学习“前端免费学习笔记（深入）”；
作为模块安装
$ npm install translater.js
传统使用方法
<div> 这里是中文 <!--{jp}ここは日本語です--> <!--{en}Here is English--></div><script src="../dist/translater.min.js" type="text/javascript"></script><script type="text/javascript">var tran = new Translater({ lang:"jp"});</script>切换语言方法通过超链接
<a href="javascript:tran.setLang('default');">English</a><a href="javascript:tran.setLang('jp');">日本語</a><a href="javascript:tran.setLang('cn');">中文</a>可以通过URL穿参数设置语言
http://.../test.html?lang=jp
文本翻译添加
<div> 这里是中文 <!--{jp}ここは日本語です--> <!--{en}Here is English--></div>图片切换
<img alt="images" src="../img/imgae.jpg" data-lang-cn="../img/imgae_cn.jpg" data-lang-jp="../img/imgae_jp.jpg" />
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
147
收藏
