Javascript Multilingual Text solution

最新推荐文章于 2025-08-08 17:07:36 发布

原创最新推荐文章于 2025-08-08 17:07:36 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #ViewUI

web 同时被 2 个专栏收录

9 篇文章

订阅专栏

JQuery

4 篇文章

订阅专栏

本文介绍了一种使用i18next进行网站国际化的方法，并通过一个简单的HTML页面示例展示了如何将导航栏的文本进行多语言配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript"src="[PATH]/jquery.js"/> // optional
    <script type="text/javascript"src="[PATH]/i18next.js"/>
    <script>
    // translate
    var options = {
	    fallbackLng: null,
	    fallbackOnNull: false,
	    cookieName: 'lang',
    };
    i18n.init(options);

    $(function () {
         $(".nav #home").text(i18n.t("nav.home"));
    });
    </script>
  </head>
  <body>
   <header>
    <ul class="nav">
       <li id="home">HOME</li>
    </ul>
   </header> 
  </body>
</html>

loaded resource file (locales/en/translation.json):

{
  "nav":{
    "home":"首页",
  }}