Javascript 将css属性从一个html页面转移到另一个页面

我只是想知道有没有办法将CSS属性从一个页面转移到另一个页面

让我简单描述一下-我有两个网页，分别是

one.html

和

two.html

。 在

one.html

中有一个名为

darkview

的按钮。如果用户单击按钮，则

one.html

的背景颜色将改变

在同一页中，我有一个链接。当用户单击它时，它将转到第二页（

two.html

）。但现在的问题是：我已经改变了one.html中的背景颜色，我希望这也适用于第二页。那么，如何将该属性应用于第二页呢

（这个问题可以通过使用JavaScript或jQuery来解决。）

您可以在浏览器级别使用或保持设置，也可以在web服务器上使用会话保持当前状态

---

Http是，这意味着它无法记住以前的状态或请求，这就是为什么要创建会话，或者在客户端、本地存储、会话存储甚至cookie上创建会话。只需将状态保存到

localStorage

中的变量，然后在

pageLoad

上检索即可。您可以将sessionStorage用于temprory客户端存储。如果要持久化这些值，可以使用localStorage

One.html

<form>
     <input type="button" value="darkview" id="newColor"  />
</form>
<script>
window.onload = function() {
    var color = document.getElementById('newColor');
    color.onclick = function() {
        document.body.style.backgroundColor = '#ddd';
        window.sessionStorage['currentColor'] = '#ddd';
    }
}
</script>

Two.html

<script>
window.onload = function() {
    var color = window.sessionStorage['currentColor'];
    document.body.style.backgroundColor = color;
    }
}
</script>

window.onload=函数（）{
var color=document.getElementById（'newColor'）；
color.onclick=function（）{
document.body.style.backgroundColor='#ddd'；
window.sessionStorage['currentColor']='ddd'；
}
}
2.html
window.onload=函数（）{
var color=window.sessionStorage['currentColor']；
document.body.style.backgroundColor=颜色；
}
}

您可以使用cookies存储状态，并简单检查cookie是否存在以及值是什么。 如果没有cookie，则切换为默认值

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}
function checkCookie()
{
var theme=getCookie("theme");
  if (theme!=null && theme!="")
  {
  setTheme(theme);
  }
else 
  {
  theme="light";
  if (theme!=null && theme!="")
    {
    setCookie("theme",theme,365);
    }
  }
}

函数setCookie（c_名称、值、exdays）
{
var exdate=新日期（）；
exdate.setDate（exdate.getDate（）+exdays）；
var c_value=escape（value）+（exdays==null）？“”：“expires=“+exdate.toutString（））；
document.cookie=c_name+“=”+c_值；
}
函数getCookie（c_名称）
{
变量i，x，y，ARRcookies=document.cookie.split（“；”）；
对于（i=0；好的。我仍然不熟悉本地存储。有没有办法使用JavaScript位置对象。然后熟悉它，它不会变得比这更简单。我还建议使用
sessionStorage
而不是
localStorage
，除非数据足够重要，可以长期保存time@Kos，同意！使用simp会话存储le state transfer！感谢朋友们的建议。我将学习这项技术。我将应用到我的移动项目中。我认为使用这种方法我们也可以做到。但我对javascript比较熟悉。因此，对我来说，这有点难以理解。你所要做的就是在checkcookie中编辑代码，并用函数setTheme（“themename”）{}，该函数使用setCookie（）设置cookie，然后应用主题。默认主题为“light”；