Question

I recently developed a script to highlight text in a web page based on document.execCommand() but the changes are gone if I refresh my web page.

How can I keep the change for every user ?

Answer 1

As I am rather unsure what you actually want to persist I will give some generic information.

Some good reading at DiveIntoHtml5 on storage.

I would suggest taking a look at either sessionStorage or localStorage now while these are regarded generally as HTML5 the browser support is much greater.

You can see the support of keyValueStorage at CanIUse

You can store a key / value pair as follows:

localStorage.setItem("key", "value");

You can then retrieve the value as follows:

localStorage.getItem("key");

Remove:

localStorage.removeItem("key");

sessionStorage works the same as above but will only persist while the browser is open. It persists for the “session” of the browser. However localStorage will persist until it is removed by code or by clearing the browser.