传递语言变量的值

Passing value of language variable

本文关键字：变量 语言      更新时间：2023-09-26

我有10个不同语言的独立主页。可以从索引.html页面中选择语言。

问题是只有主页在网站中是多语言的。所有其他页面均为英文。当我从其他页面导航到主页时，如何存储我之前在主页上选择的语言的价值？

我正在通过每个主页标签中的 HTML "lang" 属性定义语言。我使用的代码如下：

$(document).ready(function(){
   var theLanguage = $('html').attr('lang');    
   $(".homeBtn a").click(function(){
       alert(theLanguage)
       var newHref = "home_"+theLanguage+".html";
       $(".homeBtn a").attr("href", newHref)
   });
});

我在警报中获得了"语言"变量的未定义值。我认为变量不会从主页传递到其他页面。

请帮助我解决这个问题。

您可以将值存储在浏览器 localStorage 中，如下所示：

$(document).ready(function(){
   var theLanguage = $('html').attr('lang');    
   $(".homeBtn a").click(function(){
       var newHref = "home_" + theLanguage + ".html";
       $(".homeBtn a").attr("href", newHref)
       localStorage.setItem('lang', theLanguage);
   });
});
此值

将保留在应用程序中，即使您刷新页面或更改页面，您也可以访问此值。

然后，如果您需要检索该项目，只需执行以下操作： 

console.log(localStorage.getItem('lang'));

使用 HTML 和 JavaScript，您的选项是 cookie 或隐藏字段。

这些是具有类似要求的相关职位：

如何让JS变量在页面刷新后保留值？

或者这里有一个关于隐藏字段的简单教程：

http://www.tizag.com/htmlT/htmlhidden.php

或如上所述的浏览器存储！

相关文章：