
每当您为全球企业开发网站或应用程序时,您还必须关注您的受众可以理解的语言。例如,英语是一种国际语言,但在世界某些地方,人们听不懂英语,因为他们说德语、西班牙语等。
但是,如果您观察过,某些网站会提供更改网站语言的选项。您只需单击按钮即可更改整个网站的语言。你有没有想过这怎么可能?
在这里,我们将学习使用 JavaScript 来切换网页的语言。
语法
用户应按照以下语法使用 JavaScript 更改网页语言。
立即学习“Java免费学习笔记(深入)”;
if (lang == "en") {
element.innerHTML = "content";
} else if (lang == "fr") {
element.innerHTML = "content";
} else if (lang == "de") {
element.innerHTML = "content";
}
在上面的语法中,我们编写了 if-else 语句来根据所选的语言更改网页的内容。用户需要将内容替换为特定语言的内容。
示例 1
在下面的示例中,我们添加了一些 div 元素内容。每当用户按下任何按钮来更改网页的语言时,我们都会通过将语言作为参数传递来调用changeLanguage()函数。在changeLanguage()函数中,我们访问div元素并根据所选语言更改其内容。
Switching the language of web page using JavaScript
Hi How are you! This is written in English.
示例 2
在下面的示例中,我们创建了一个包含多个元素的网页。此外,我们还为每个元素赋予了唯一的 id。在 JavaScript 中,我们创建了名为“languageContent”的对象。在对象中,我们将语言存储为键,将内容存储为值。在内容对象中,我们使用元素 id 作为键,并将其特定语言的内容作为值。
在 switchLang() 函数中,我们从 languageContent 对象中访问特定语言的内容,并替换网页上所有元素的内容。
Switching the language of web page using JavaScript
This is a sample contentEnglishTutorialsPointJavaScript
用户学会了使用 JavaScript 切换网页语言。在第一个示例中,我们给出了如何在多种语言之间切换的演示。
我们可以将第二个示例用于实时网站。开发人员需要创建一个 JSON 文件来存储内容,而不是在同一个文件中,因为实时应用程序可能包含大量内容。之后,他们可以使用 for 循环来迭代 JSON 文件的所有元素并更新网页的内容。











