切换页面时保存功能
save functions when switch pages
我有这两个简单的函数可以更改机身背景色
<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>
它们附加url,但当我自己将它们更改为#lOff
或#lOn
时,它们什么也不做,如何保存用户在网站上单击页面时单击的#lOff
或#lOn
?
我使用<body onload="lightson();">
在index.php上设置背景颜色,否则它将转到默认的
要获取标签后的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();
}
}
尝试一些类似的东西
<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>
相关文章:
- 具有闭合功能的 For 循环保存状态
- 更改iphone/ipad保存缩放功能的字体大小
- rails上的两个保存按钮的功能略有不同
- 使用自动保存功能拖放表格单元格
- 为什么我的保存时间功能不起作用?PHP + AJAX JS.
- 保存图像 src 的功能不起作用
- PhoneGap - 请告知保存功能不起作用的原因
- 我的文档何时使用猫鼬保存功能保存
- Cookie并不总是保存>触发基于cookie的功能
- 切换页面时保存功能
- 在这个手风琴菜单上实现保存状态功能
- Wp编辑器设置数组自动保存功能
- 我如何修改我的保存功能,既保存用户/编辑用户
- 如何通过html代码禁用特定页面的保存书签功能?
- 覆盖骨干.同步,但保存其以前的功能
- 为什么我的客户端保存功能多次触发
- 动态HTML表的删除、编辑和保存行功能
- 如何使用adobeacrobat中的“保存”功能
- 流星jagi:天文学.保存功能不工作
- 如何在开放层中保存功能