2013-07-02 42 views
2

我有這兩個簡單的函數,改變使用環節上用onclick身體的背景顏色保存功能,當開關頁面

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

exe文件的功能

<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的背景顏色,否則它會默認

回答

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> 
4

一些事情要得到#標籤後的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(); 
    } 
}