Javascript：使用更改後的值更新頁面

是否可以在不修改頁面源的情況下將變量「a」更改爲「true」，以便打印「foo」？Javascript：使用更改後的值更新頁面

<html> 

<head> 
    <script> 
    var a = false; 
    if(a) document.write("foo"); 
    else document.write("bar"); 
    </script> 
</head> 

<body> 
</body> 

</html>

我可以從Chrome中隨意更改變量值。但如何重裝看「富」，而不是「酒吧」

來源

2015-04-02 bokoge

無需修改源代碼？沒有。通過修改腳本，使其從'localStorage'，'sessionStorage'，cookies，AJAX讀取狀態值，或者使用由服務器端語言提供的值？是。 – zzzzBov 2015-04-02 13:40:14

可以在大多數現代瀏覽器中看到http://www.w3schools.com/html/html5_webstorage.asp

，如果你打算支持舊的瀏覽器，你可以設置一個cookie，然後當讀它使用localStorage的文件重新加載。 http://www.w3schools.com/js/js_cookies.asp

編輯：試試這個代碼

//function to check support for localStorage 
function checkLocalStorageSupport() { 
    try { 
     localStorage.setItem("x", "x"); 
     localStorage.removeItem("x"); 
     return true; 
    } catch (e) { 
     return false; 
    } 
} 
//function to read value of cookie 
function getCookie(cname) { 
    var name = cname + "="; 
    var ca = document.cookie.split(';'); 
    for (var i = 0; i < ca.length; i++) { 
     var c = ca[i]; 
     while (c.charAt(0) == ' ') c = c.substring(1); 
     if (c.indexOf(name) == 0) return c.substring(name.length, c.length); 
    } 
    return ""; 
} 

if (checkLocalStorageSupport()) { 
    if (localStorage.getItem('a') != null) 
     if (localStorage.getItem('a') == "true") //check that the value of localStorage is not null 
      document.write("foo");     //do operation if localStorage value is true 
     else 
      document.write("bar"); 
    else 
     localStorage.setItem('a', 'false'); 
} 
else { 
    if (getCookie('a') != null)      //check that the value of cookie is not null 
     if (getCookie('a') == "true") 
      document.write("foo");     //do operation if cookie value is true 
     else 
      document.write("bar"); 
    else 
     document.cookie = "a=false; expires=Thu, 31 Dec 2015 12:00:00 UTC"; //if no cookie exists set a cookie 
}

來源

2015-04-02 13:37:38

這些只是指向潛在答案的鏈接;請張貼一些相關的代碼，因爲鏈接可能隨時間而改變，使得這個答案無關緊要。 – rfornal 2015-04-02 13:51:36

編輯以發佈代碼。感謝rfornal – 2015-04-04 09:38:24

應該如何工作的呢？使用靜態HTML頁面和嵌入式腳本無法保留重新加載狀態。使用cookie或其他持久機制來存儲狀態。

來源

2015-04-02 13:38:19

Javascript：使用更改後的值更新頁面

回答

相關問題