HTML网页页面中无更新的拆换CSS款式

2021-01-20 16:47 jianzhan

系统软件原先的拆换CSS模版是要再次更新1下儿网页页面的,我1直都对这个作用很不令人满意,百分之9105的作用都用AJAX无更新的完成了,难道说要在这个小小的的拆换网页页面CSS模版上给客户添点恶心想吐吗?因而,昨日夜里好好考虑到了这个作用上的完成,原先发现实际上其实不难,小改1下就OK了,如今系统软件上的模版拆换是无需更新网页页面来进行的,显著在觉得上比原先好很多了,下面谈谈工作经验吧:
针对1个多网页页面的网站来讲了,CSS的拆换不可以只简易的在1个网页页面中启用拆换CSS作用升级这个网页页面头上连接的CSS详细地址,由于它不可以确保在点一下了其他网页页面后新的款式应当到新开启的网页页面中去,因而,1定要有1个全局性性的自变量来纪录它,我采用的是SESSION,在客户点一下了侧面模版往下拉框中的模版时,开启了往下拉框的ONCHANGE恶性事件,实行了1段AJAX程序流程,程序流程的作用是将客户选定的模版信息内容推送给服务器,服务器接受新的模版信息内容后升级表明模版的SESSION值,随后向顾客端回到取得成功信息内容,顾客端则依据回到的取得成功信息内容来更改网页页面款式,留意:我在网页页面头中写的CSS连接信息内容是这模样的:
<LINK id=cssLink href="css.aspx" type=text/css rel=stylesheet>
css.aspx是1个ASP.net的网页页面,它的功效只是单1的依据SESSION中确当前CSS模版信息内容来转为所应CSS款式表文档!这模样的处是顾客端在接受到了服务器端取得成功升级SESSION的信息内容后刚无需考虑到其它的物品,立即1句:
document.getElementById("cssLink").href=document.getElementById("cssLink").href;
将cssLink的href再次写1下儿,尽管是前后左右1模1模样的值,但这会激起CSS.ASPX网页页面再次读1下儿,这模样CSS.ASPX网页页面就可以转到新升级的CSS款式表了!因为网站其他网页页面的款式表连接信息内容全是这样写的,因此每一个网页页面载入时全是会运用全新升级的款式表的,这模样,网站无更新的全局性升级款式表就完成了!!