2016-09-28 75 views
0

我正在使用Javascript來更改我的網頁的CSS,我想弄清楚如何使得哪些CSS被選中,CSS的我網站上的所有其他頁面。如何使用CSS在頁面上挑選所有頁面的CSS樣式

這裏是我的代碼:

<link id="pagestyle" rel="stylesheet" type="text/css" href="dash4.css"> 
<script> 
function swapStyleSheet(sheet){ 
    document.getElementById('pagestyle').setAttribute('href', sheet); 
} 
</script> 
<button class="settings" onclick="swapStyleSheet('dash4.css')"> COMFORTABLE</button> 
     <button class="settings" onclick="swapStyleSheet('dash4_minimal.css')">MINIMAL</button> 
+1

「我試圖找出如何使這些曾經css is pick「 - 可以喲說清楚 – MaxZoom

+0

^同意了,我相信你應該說:」我試圖弄清楚如何讓用戶挑選哪個樣式表獲取應用到我的整個網站「 – splay

+0

也許使用[一個餅乾](http://www.w3schools.com/js/ js_cookies.asp)設置和檢索哪個樣式表應該用於給定的頁面onload? –

回答

0

只要把你的腳本,你的身體 的結束標記之前,並與jQuery寫

$(document).ready(function(){ 
    $("#button-id").click(function(){ 
     $("#pagestyle").attr("href",sheet); 
    }); 
}); 
+0

它看起來像你剛剛寫了我已經有的代碼。我在問什麼代碼我可以添加到每個頁面,將設置該頁面上的CSS來匹配用戶從上面的代碼中選擇不同的頁面上選擇的CSS。這有意義嗎? –

相關問題