每当您为全球企业开发网站或应用程序时，您还必须关注您的受众可以理解的语言。例如，英语是一种国际语言，但在世界某些地方，人们听不懂英语，因为他们说德语、西班牙语等。
但是，如果您观察过，某些网站会提供更改网站语言的选项。您只需单击按钮即可更改整个网站的语言。你有没有想过这怎么可能？
在这里，我们将学习使用 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 语句来根据所选的语言更改网页的内容。用户需要将内容替换为特定语言的内容。
青柚面试
简单好用的日语面试辅助工具
57 查看详情
示例 1
在下面的示例中，我们添加了一些 div 元素内容。每当用户按下任何按钮来更改网页的语言时，我们都会通过将语言作为参数传递来调用changeLanguage()函数。在changeLanguage()函数中，我们访问div元素并根据所选语言更改其内容。
Switching the language of web page using JavaScript
Hi How are you! This is written in English.
// function to switch language of web page function changeLanguage(lang) { let element = document.getElementById("div"); if (lang == "en") { element.innerHTML = "Hi How are you! This is written in English."; } else if (lang == "fr") { element.innerHTML = "Bonjour Comment allez-vous! Cela est écrit en français."; } else if (lang == "de") { element.innerHTML = "Hallo Wie geht es dir! Das ist auf Deutsch geschrieben."; } }
示例 2
在下面的示例中，我们创建了一个包含多个元素的网页。此外，我们还为每个元素赋予了唯一的 id。在 JavaScript 中，我们创建了名为“languageContent”的对象。在对象中，我们将语言存储为键，将内容存储为值。在内容对象中，我们使用元素 id 作为键，并将其特定语言的内容作为值。
在 switchLang() 函数中，我们从 languageContent 对象中访问特定语言的内容，并替换网页上所有元素的内容。
Switching the language of web page using JavaScript
This is a sample contentEnglishTutorialsPointJavaScriptlet languageContent = { "en": { "text1": "This is a sample content", "language": "English", "BrandName": "TutorialsPoint", "Programming_lang": "JavaScript", }, "fr": { "text1": "Ceci est un contenu d'exemple", "language": "Français", "BrandName": "TutorialsPoint", "Programming_lang": "JavaScript", }, "es": { "text1": "Este es un contenido de ejemplo", "language": "Español", "BrandName": "TutorialsPoint", "Programming_lang": "JavaScript", } } function swithcLang(lang) { for (let key in languageContent[lang]) { document.getElementById(key).innerHTML = languageContent[lang][key]; } }
用户学会了使用 JavaScript 切换网页语言。在第一个示例中，我们给出了如何在多种语言之间切换的演示。
我们可以将第二个示例用于实时网站。开发人员需要创建一个 JSON 文件来存储内容，而不是在同一个文件中，因为实时应用程序可能包含大量内容。之后，他们可以使用 for 循环来迭代 JSON 文件的所有元素并更新网页的内容。
以上就是如何使用JavaScript切换页面语言？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/528927.html
微信扫一扫 
支付宝扫一扫 
