js实现中英文切换

最新推荐文章于 2024-07-22 10:03:37 发布

不知道怎么回事就想改网名

最新推荐文章于 2024-07-22 10:03:37 发布

阅读量2.3k

点赞数

本文链接：https://blog.csdn.net/weixin_44382995/article/details/111319355

版权

本文介绍了如何利用JavaScript实现网页内容的中英文切换功能，主要涉及translate.js的使用。

摘要由CSDN通过智能技术生成

通过JS实现中英文切换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中英文切换</title>
</head>
 

 <script src="js/translate.js" type="text/javascript"></script>
 
<body>
    <button onclick="Language()">中文/EN</button>
    <div>
        这里是中文
        <!--{
   cn}这里是中文-->
        <!--{
   en}Here is English-->
    </div>
     
    <div style="color:red;">
        我是新的中文
        <!--{
   cn}我是新的中文-->
        <!--{
   en}New Here is English-->
    </div>
    
    <script type="text/javascript">
        var lan = false
        function Language() {
   
            if (lan == true) {
   
                var tran = new Translater({
   
                    lang: "cn"
                });
            } else {
   
                var tran = new Translater({
   
                    lang: "en"
                });
            }
            lan = !lan
        }
    </script>
</body>
</html>

translate.js

/*! translater.js v1.0.12 | MIT (c) 2018 kenny wong <wowohoo@qq.com> | http://jaywcjlove.github.io/translater.js/ */ ! function (e) {
   
    if ("object" == typeof exports && "undefined" != typeof module) module.exports = e();
    else if ("function" == typeof define && define.amd) define([], e);
    else {
   
        var t;
        t = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, t.Translater = e()
    }
}(function () {
   
    function e(e) {
   
        for (var t = e + "=", n = document.cookie.split(";"), a = 0; a < n.length; a++) {
   
            for (var l = n[a];
                " " == l.charAt(0);) l = l.substring(1, l.length);
            if (0 == l.indexOf(t)) return unescape