3

我为我女儿做了一个简单的网站。它是荷兰语的，每一页都有一个英文版本。

荷兰语网址：nl/index.html

英文网址：eng/index.html

我想做的是让访问者可以选择将一种语言设置为偏好。因此，如果他们下次访问此站点，他们将自动链接到首选页面。我知道这可以用 cookie 完成，并在这个论坛上看到了解释（如何记住当前点击的 url？javascript？PHP？）。

我试图完成这项工作，但显然我做错了什么？有人可以逐步指导我吗？那很好啊！

亲切的问候，尤尔根

4

1 回答 1

2

如果您熟悉 jQuery，您可以使用cookies 插件来保存用户的语言选择，并在他每次返回您的站点时将他重定向到适当的页面。Bellow 是一个示例代码，它使用两个按钮来设置语言：

首先声明 jQuery 脚本（我使用将它们存储在Script文件夹中，因此如下）：

<script type="text/javascript" src="../Script/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../Script/jquery.cookie.js"></script>

然后像这样定义页面就绪事件：

$(function () {

    var url = 'your_url';
    var english_page = 'eng/index.html';
    var dutch_page = 'nl/index.html';

    if ($.cookie('default_page') != null) {
        if (window.location.href != url + '/' + $.cookie('default_page')) {
            window.location.href = url + '/' + $.cookie('default_page');
        }
    }

    $('#set_english_butt').click(function () {
        $.cookie('default_page', english_page, { expires: 999 });
        alert('English was set as the default language');
    });

    $('#set_dutch_butt').click(function () {
        $.cookie('default_page', dutch_page, { expires: 999 });
        alert('Dutch was set as the default language');
    });

});

这与您页面中的一些 html 按钮挂钩：

<div>
    <span>Select your language:</span>
    <button id="set_english_butt">English</button>
    <button id="set_dutch_butt">Dutch</button>
</div>
于 2012-07-08T15:37:19.880 回答