作者：因情语写

链接：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开头，就能保证页面加载时不会出现显示异常的情况

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