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



所以我正在创建一个网站,我需要两个脚本 - 拉丁文和西里尔文。我知道我可以制作两个索引.html文件(indexlat.html和indexcyr.html(,但我不想这样做,因为我会有很多.html文件,probaby超过500个。有没有其他(更有效(的方法可以使网站多语言化?

我必须使用 JS 还是 JQuery?

提前谢谢。

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];
...
}

严格来说,你不必使用 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文件本身,因为您可以。如果有大量重复的短语,那么保持翻译可能会很痛苦。

最新更新