通知 网站从因情语写改为晴雨,这个网站的模板也从calmlog_ex改为 whimurmur

动态同步加载css文件的方法

323人浏览 / 0人评论 / | 作者:因情语写  | 分类: javascript  | 标签: javascript  | 

作者:因情语写

链接:https://www.proprogrammar.com/article/642

声明:请尊重原作者的劳动,如需转载请注明出处


    最近在给博客做一个主题的功能,就是能根据选择动态改变页面主题,也就是加载的css文件,实现方式是写一个没有href的link标签,然后通过jquery动态增加href,即

$("#linkId").attr("href", "xxxx.css")

    但这样会有一个问题,就是此时的css是异步加载的,也就是说在未加载完css前会加载后面的html内容,导致显示异常(样式还没加载好),然后发现同步加载外部css(js)文件的方法,使用document.write,即

document.write("<link rel='stylesheet' href='xxxx.css' />")

    这时是同步加载的,完全加载完css文件后才会执行下面的html代码,所以只要把上面的代码放在body开头,就能保证页面加载时不会出现显示异常的情况


亲爱的读者:有时间可以点赞评论一下

点赞(0) 打赏

全部评论

还没有评论!
广告位-帮帮忙点下广告