Question

我有2个div（一个用于网站上的不同语言 - 西班牙语和英语）。我有两个代码图标，当点击两种语言之间切换时。问题是我无法弄清楚当用户第一次访问网站时如何只加载一个div，所以我在代码中默认设置了一个隐藏div，但是，当用户点击网站中的另一个页面时，它自动默认返回该语言（西班牙语）。有没有办法默认显示一个div（西班牙语），但无论用户选择什么，无论用户如何点击网站直到用户更改为英语，该选择都会保留在那里？

我在博客上写这个html / javascript小部件。我的网站是www.salsacuenca.com。谢谢！！！这就是我到目前为止所做的：

<script language="javascript">
divHideShow('divA','divB')
function divHideShow(divToHide,divToShow) 
    {   var divH = document.getElementById(divToHide);
        var divS = document.getElementById(divToShow);

            divH.style.display = "none";
            divS.style.display = "block";
    }         
</script>
<a href="javascript:divHideShow('divB','divA');"><img border="0" src="http://4.bp.blogspot.com/-7IbtHQEviyM/UabyRBv20WI/AAAAAAAACnM/4SNwvWStxPA/s1600/1369913448_United+States+of+America(USA).png" /></a>  
  <a href="javascript:divHideShow('divA','divB');"><img border="0" src="http://4.bp.blogspot.com/-8zP0OAklQ3c/UabyRLUT-6I/AAAAAAAACnQ/GGULC6u9csE/s1600/1369913395_Ecuador.png" /></a>
    <br />

Answer 1

您可以使用Cookie设置所选值，然后使用该Cookie可以选择div。

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

您可以检查cookie是否已设置。如果设置，您可以根据其值显示div，或者您可以设置cookie并显示另一个

Web - 如何在第一次加载时显示一个div并在div之间切换？

1 个答案: