在一些動態(tài)頁面的開發(fā)中，我們可能需要在不同條件下動態(tài)加載css來實(shí)現(xiàn)不同的樣式效果。下面就是一些實(shí)現(xiàn)動態(tài)加載css的常用方法。

一、使用JavaScript動態(tài)添加link標(biāo)簽

<script>
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = 'css/style.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>

通過JavaScript創(chuàng)建link標(biāo)簽，并設(shè)置其type、rel和href屬性，然后將其添加到head標(biāo)簽中即可動態(tài)加載css樣式。

二、通過jQuery動態(tài)添加link標(biāo)簽

<script>
$('head').append('<link rel="stylesheet" type="text/css" href="css/style.css">');
</script>

在jQuery中，我們可以通過append()方法添加link標(biāo)簽來實(shí)現(xiàn)動態(tài)加載css樣式，同樣設(shè)置其rel、type和href屬性即可。

三、使用less或sass的@import方式

@import "style.less";

如果我們使用less或sass來編寫css樣式，可以使用其@import方式動態(tài)引入不同的樣式文件，這樣可以在編譯時將所有的樣式文件合并，然后動態(tài)引入需要的樣式文件。

以上就是一些常用的方式來實(shí)現(xiàn)動態(tài)加載css樣式的方法，通過這些方法可以使我們的頁面樣式更加靈活可變。