$.getScript('ajax/test.js', function() { alert('Load was performed.');});..就像上面的代碼可應(yīng)要求加載外部JS一樣，是否有類似的功能可用于在需要時(shí)加載外部CSS樣式表？例如，當(dāng)我在網(wǎng)站上使用燈箱（嵌入式彈出窗口）時(shí)，除非用戶要求，否則我希望避免在加載時(shí)加載燈箱JS和CSS文件。謝謝
3 回答
米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
是的：如果您創(chuàng)建一個(gè)<link>鏈接到樣式表的<head>標(biāo)簽并將其添加到標(biāo)簽，瀏覽器將加載該樣式表。
例如
$('head').append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');
但是，按照@peteorpeter的注釋，這在IE 8或更低版本中不起作用-在那兒，您需要執(zhí)行以下任一操作：
<link> 在設(shè)置其之前附加href; 要么
使用IE的document.createStyleSheet()方法
另外，檢查鏈接是否已添加也無法在所有瀏覽器中可靠地工作。
我還要質(zhì)疑您的前提的一部分：
我希望避免在用戶加載時(shí)加載燈箱JS和CSS文件，除非用戶要求。
為什么？減輕頁面重量？我可以理解這種需求，但是您應(yīng)該使用其中的燈箱代碼來衡量CSS和JS文件的大?。ㄔ诳s小和gzip后），如果沒有，請(qǐng)查看縮減是否值得：
按需加載的復(fù)雜性增加；和
燈箱的響應(yīng)性略有降低（因?yàn)榘葱杓虞d時(shí)，燈箱必須先等待自己的CSS和JS加載，然后才能執(zhí)行其操作）
縮小并壓縮后，可能不會(huì)有太大差異。
請(qǐng)記住，您可以指示瀏覽器長(zhǎng)時(shí)間緩存CSS和JS，這意味著僅當(dāng)用戶訪問具有空緩存的網(wǎng)站時(shí)才下載該CSS和JS。
- 3 回答
- 0 關(guān)注
- 484 瀏覽
添加回答
舉報(bào)
0/150
提交
取消