后现代网络资源门户

  [ 设为首页 ] [ 加到收藏夹 ]   注册   登录   取回密码

 

您现在的位置:首页 >> 网络学院 >> 网页设计 >> 文章内容

静态HTML页面中无刷新的更改CSS链接样式

作者: tell me, 责任编辑: Jfengersy, 
05-09
本文已阅读:33

本文介绍了利用客户端和服务端结合无刷新更换页面css链接,到达网站皮肤更换,是一个很不错的方法,适合这方面需要的朋友~
  对于一个网站来说,CSS的更换不能只简单的在一个页面中调用更换CSS功能,更新这个页面顶部链接的CSS地址,因为不能保证在点击了别的页面后新的样式应该到新打开的页面中去,所以一定要有一个全局性的变量来记录,我选用的是SESSION,在用户点击了侧边模板下拉框中的模板时,触发了下拉框的ONCHANGE事件,执行了一段AJAX程序,程序的功能是将用户选中的模板信息发送给服务器,服务器接收新的模板信息后更新表示模板的SESSION值,然后向客户端返回成功信息,客户端则根据返回的成功信息来改变页面样式,注意:我在页面头中写的CSS链接信息是这样子的:

  <LINK id=cssLink href="css.aspx" type=text/css rel=stylesheet>

  css.aspx是一个ASP.net的页面,作用只是单一的根据SESSION中的当前CSS模板信息来转向所应CSS样式表文件!客户端在接收到了服务器端成功更新SESSION的信息后刚不用考虑其它的东西: (利用javascrip更改链接样式的地址)

  document.getElementById("cssLink").href=document.getElementById("cssLink").href;

  将cssLink的href重新写一下儿,虽然是值不变,但这会激发CSS.ASPX页面重新读一下儿,这下CSS.ASPX页面就能转到新更新的CSS样式表了。由于网站别的页面的样式表链接信息都是这样写的,所以每个页面加载时都是会应用最新更新的样式表的,网站无刷新的全局更新样式表就实现了。

感谢作者经验提供,希望对你有所帮助!


 
关于我们 | 加入我们 | 联系我们 | 广告业务 | 友情链接 | 版权声明
All Rights Reserved, Copyright 2002-2008, LinDSoft
陕ICP备07012972号 如有意见请与我们联系 powered by LinDCMS Version 2.0.0
感谢【天泽数据】空间提供支持