Question

所以我创建了一个网站，我需要两个脚本 - 拉丁文和西里尔文。我知道我可以制作两个index.html文件（indexlat.html和indexcyr.html），但我不想这样做，因为我会有很多.html文件，probaby超过500.还有其他吗（更多）有效的方式使网站多语言？

我是否必须使用JS或JQuery？

提前致谢。

Answer 1

1 - 首先，您必须创建一个包含所需语言的所有静态短语的对象。像这个对象

var phrases = {
    welcome: {
        en: "Welcome User",
        ar: "....",
        fa: "خوش آمدید"
    },
    ...
};

2 - 您必须为用户输入输入以插入首选语言。向下/向下删除所有文本输入或其他内容，并在js代码中读取其值。像

var globalLang = document.getElementBId("languageInput").value;

3 - 当语言改变时，你必须写一个函数changeLang，它是触发器。此函数必须使用true lang更改页面中的所有静态短语。类似下面的内容

function changeLang() {

    document.getElementById("welcomeDiv").innerHTML = phrases.welcome[globalLang];
    ...
}

Answer 2

严格来说，您不必使用JS。考虑一下：

<html>
<head>
    <style type="text/css">
    :lang(ne) {
        display: none;
    }
    </style>
</head>
<body>
    <p lang="en">English text</p>
    <p lang="ne">Translated text</p> <!--Will be hidden-->
</body>
</html>

你怎么还要以某种方式改变css。这可以通过JS /其他服务器端代码完成，也可以在没有代码的情况下精心设计相对URL。

注意：仔细考虑是否要将所有翻译本身放在html文件中，因为可以。如果有大量的重复短语，那么维护翻译会很痛苦。

如何在网站上添加两种语言？

2 个答案: