translater 页面翻译多语言切换

2018年5月10日作者张舫

实例,引入translater.min.js,点击连接会切换语言

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<div>
    这里是中文
    <!--{jp}ここは日本語です-->
    <!--{en}Here is English-->
</div>
<script src="./node_modules/translater.js/dist/translater.min.js" type="text/javascript"></script>

<script type="text/javascript">
    var tran = new Translater({
        lang: "jp"
    });
</script>


<a href="javascript:tran.setLang('en');">English</a>
<a href="javascript:tran.setLang('jp');">日本語</a>
<a href="javascript:tran.setLang('default');">中文</a>
</body>
</html>

<!doctype html>

<head>

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<title>Document</title>

</head>

<body>

<div>

这里是中文

</div>

var tran = new Translater({

lang: "jp"

});

</script>

<a href="javascript:tran.setLang('en');">English</a>

</body>

</html>

关于作者

张舫

好好学习天天向上

translater 页面翻译多语言切换

关于作者

发表评论 取消回复

发表评论取消回复