<script type="text/javascript">
function changeStyle(title) {
var lnks = document.getElementsByTagName('link');
for (var i = lnks.length - 1; i >= 0; i--) {
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
lnks[i].disabled = true;
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
}}}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")
&& !a.disabled) return a.getAttribute("title");
}
return null;
}
</script>
我有上面的代码,我需要帮助我如何使用getActiveStyleSheet函数存储在cookie或html5 localstorage中,我可以在每个窗口中调用以显示用户样式首选项。我真的不知道如果有人能帮助我会如何实现这一点,我将不胜感激。
答案 0 :(得分:0)
您可以在localStorage中设置一些数据,如下所示:
localStorage.setItem(key, value)
如果您想将getActiveStyleSheet
电话的结果存储在localStorage中,您可以这样做:
// set the active stylesheet in localstorage
localStorage.setItem('activeStylesheet', getActiveStyleSheet())
// retrieve the data from localStorage
localStorage.getItem('activeStylesheet')
你可以用cookies做类似的事情。以下是有关如何编写cookie的一些文档:https://developer.mozilla.org/en-US/docs/DOM/document.cookie#Writing_a_cookie
还有一些关于localStorage的进一步阅读:https://developer.mozilla.org/en-US/docs/DOM/Storage#localStorage