作者:因情语写
链接: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开头,就能保证页面加载时不会出现显示异常的情况
亲爱的读者:有时间可以点赞评论一下
月份 | 原创文章数 |
---|---|
202206 | 4 |
202205 | 2 |
202204 | 1 |
202203 | 11 |
202201 | 2 |
202108 | 7 |
202107 | 3 |
202106 | 16 |
202105 | 10 |
202104 | 16 |
202103 | 56 |
202102 | 14 |
202010 | 3 |
202009 | 3 |
202008 | 7 |
202007 | 7 |
202006 | 10 |
202005 | 11 |
202004 | 22 |
202003 | 52 |
202002 | 44 |
202001 | 83 |
201912 | 52 |
201911 | 29 |
201910 | 41 |
201909 | 99 |
201908 | 35 |
201907 | 73 |
201906 | 121 |
201811 | 1 |
201810 | 2 |
201804 | 1 |
201803 | 1 |
201802 | 1 |
201707 | 1 |
全部评论