时间戳

首页 > 解决方案 > 如何使用javascript更改网站中的语言

javascript - 如何使用javascript更改网站中的语言

问题描述

我是 JavaScript 和引导程序的初学者，我添加了导航栏，但我想通过单击导航栏顶部的按钮来更改导航栏标题语言（主页、关于我们、我们的服务、联系我们）。下面是引导代码。

<button type="button" class="btn btn-primary">Spanish</button>

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <img src="images/logo.png" width="60" height="55" class="d-inline-block align-top" alt="" loading="lazy">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto text-center">
                <li class="nav-item active">
                    <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="aboutus.html">About Us</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="ourservices.html">Our Services</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contactus.html">Contact Us</a>
                </li>
            </ul>
            <a class="btn btn-outline-primary" id="fire" href="http://eatxact.com/#">Login</a>
        </div> </nav>

标签： javascripthtmlcssbootstrap-4

解决方案

您可以为某些语言创建区域设置，例如“en”或“uk”，并将其添加到网站的 url，然后只需单击按钮即可重定向到正确的本地化页面。

但它会重新加载页面。如果你不想这样做，Siddharth S.的回答是最好的选择

推荐阅读