Как использовать куки для изменения css <link href = «#»>?

Я использую этот скрипт для изменения ссылки css href= "#" в целевом документе:

<script type='text/javascript'>
function toggle() {
    var el = document.getElementById("style1");
    if (el.href.match("css/style.css")) {
        el.href = "css/style-b.css";    
    }
    else {
        el.href = "css/style.css";  
    }
}

с:

<link id="style1" rel="stylesheet" href="css/style.css" type="text/css" media="screen">

и с нажатием кнопки:

<button type="button" onclick="toggle()">Switch</button>

но с этим кликом мне нужно изменить ссылку css href= "#" ко всем моим.html-документам.

как это сделать с помощью куки?

(btw я новичок с куки файлами и js.. так что мне понадобится весь код, если можно)

благодаря