0
<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 中的帮助,我可以在每个窗口中调用它来显示用户的样式偏好。如果有人能提供帮助,我真的不知道我将如何实现这一点,我将不胜感激。

4

1 回答 1

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')

你可以用 cookie 做类似的事情。以下是有关如何编写 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

于 2013-03-17T15:03:49.373 回答