如何通过我的所有页面在javascript中加载动态更改的样式

Question

My code so far: http://pastebin.com/KTEF06Kf

I created a simple script that changes the colours of the page. (text background and main logo) When i navigate to another page of my site, if the colours have been changed i want them to be loaded instead of the default colour.

How would i do this? I've tryed creating an onLoad function in the body of the other pages to call a function loadCol() which does the same thing as changeColour but with a preset colour instead of passing in from the box colour that was clicked.

Any clues of how i can acheive this. (Sorry if its poorly explained)

Answer 1

When selecting something on one page, and making it persistent on all other pages, you'll need to store that value somewhere, as HTML in stateless and has no idea what was selected on the first page.

You can use cookies or local storage, or both, MDN has a polyfill for local storage that falls back to cookies.

You could also just pass the value in the links to the other pages with a hash or querystring:

mysite.com/page2?color=blue

mysite.com/page2#color=blue

Where you use javascript to change the anchors when a color is selected.