切换页面时的保存功能
切换页面时的保存功能
提问于 2013-07-02 14:54:05
我有这两个简单的函数来改变身体的背景颜色
<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>它们会附加urls，但当我自己将它们更改为#lOff或#lOn时，它们什么也不做，当用户单击站点上的页面时，我如何保存用户单击的#lOff或#lOn？
我使用<body onload="lightson();">在index.php上设置背景颜色，否则它将设置为默认值
回答 2
Stack Overflow用户
发布于 2013-07-02 15:02:39
要在hashtag之后获取url部分，请使用
window.location.hash
https://developer.mozilla.org/en/window.location
您可以调用一个函数，该函数将在页面加载时检查散列值，以确定使用哪种背景颜色。我会选择这样的东西。
window.onload = function(){
var hash = window.location.hash;
if(hash == "#lOn"){
lightson();
}else{
lightsoff();
}
}Stack Overflow用户
发布于 2013-07-02 14:59:36
试试像这样的东西
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17419243
复制相关文章
相似问题
腾讯云开发者
