Swap Style Sheet mit Localstorage

Ich bin ein Designer und JS ist mir völlig fremd. Ich möchte den lokalen Speicher des ausgewählten Stylesheets nach der Aktualisierung beibehalten. Ich war in der Lage Code zu finden Sheet zu tauschen, aber ich bin nicht sicher, welcher Code hinzufügen localSwap Style Sheet mit Localstorage

<!DOCTYPE html> 
<html> 
<head> 
<link id="pagestyle" rel="stylesheet" type="text/css" href="style1.css"> 
<script> 

function swapStyleSheet(sheet){ 
    document.getElementById('pagestyle').setAttribute('href', sheet); 
} 


</script> 


</head> 
<body> 
<h2>Javascript Change StyleSheet Without Page Reload</h2> 
<button onclick="swapStyleSheet('style1.css')">Dark Style Sheet</button> 
<button onclick="swapStyleSheet('style2.css')">Blue Style Sheet</button> 
<button onclick="swapStyleSheet('style3.css')">Default Style Sheet</button> 
</body> 
</html>

Quelle

2017-12-10 BenC

hier überprüfen . https://StackOverflow.com/a/26417800/4913153 – Thinker

Mögliches Duplikat von [Verwenden von localStorage zum Wechseln von CSS-Stylesheets mit Persistenz] (https://StackOverflow.com/questions/26417764/using-localstorage-for-switching-css -Stil-Blätter-mit-Persistenz) –

Sie diesen Code können es verwenden, verwenden

<script> 
    var swapStyleSheet = function (sheet) { 
     document.getElementById('pagestyle').setAttribute('href', sheet); 
     storebackground(sheet); 
    } 

    var storebackground = function (swapstylesheet) { 
     localStorage.setItem("sheetKey", swapstylesheet); //you need to give a key and value 
    } 

    var loadbackground = function() { 
     document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('sheetKey')); 
    } 

    window.onload = loadbackground(); 
</script>

Quelle

2017-12-10 08:40:19

danke !! das funktioniert – BenC

Swap Style Sheet mit Localstorage

Antwort

Verwandte Themen