Question

我有两个简单的功能可以改变身体背景颜色

<script type="text/javascript">
function lightson(){
    document.body.bgColor="#EBEBEB";
}
function lightsoff(){
    document.body.bgColor="#333333";
}
</script>

使用onclick链接来执行功能

<div style="color:red;">Lights: <a onclick="lightson();" href="#lOn">On</a> - <a onclick="lightsoff();" href="#lOff">Off</a></div>

这些会附加网址，但当我自己将其更改为#lOff或#lOn时，他们什么都不做，如何保存用户点击网站上的网页时点击#lOff或#lOn的内容？

我使用<body onload="lightson();">在index.php上设置背景颜色，否则它将变为默认值

Answer 1

要在使用主题标签后获取网址部分

window.location.hash

https://developer.mozilla.org/en/window.location

您可以调用一个函数来检查页面加载时的哈希值，以确定要使用的背景颜色。我会选择这样的东西。

window.onload = function(){
   var hash = window.location.hash;

   if(hash == "#lOn"){
      lightson();
   }else{
      lightsoff();
   }
}

Answer 2

尝试这样的事情

<script type="text/javascript">
function lightson(attr){
    console.log(attr); // '#lOn'
    document.body.bgColor="#EBEBEB";
}
function lightsoff(attr){
    console.log(attr); // '#lOff'
    document.body.bgColor="#333333";
}
</script>

<div style="color:red;">Lights: <a onclick="lightson('#lOn');" href="#lOn">On</a> - <a onclick="lightsoff('#lOff');" href="#lOff">Off</a></div>

切换页面时保存功能

2 个答案: