在網頁開發中,使用jQuery ajax可以讓我們異步拉取服務器上的數據而不必等待頁面重新加載。同時,我們也可以使用jQuery的ajax方法來加載我們需要的CSS文件。
下面是加載CSS文件的代碼示例:
$.ajax({ url: "style.css", dataType: "text", success: function(css) { $("").appendTo("head").html(css); } });
通過上述代碼,我們可以使用ajax方法加載名為“style.css”的CSS文件。我們通過制定dataType為“text”,告訴ajax返回的數據是文本,而不是JSON、XML等格式。
在success回調函數中,我們會獲取到“style.css”文件的文本數據。接下來,我們創建一個style標簽,將CSS文件的文本內容添加到該標簽中,然后將該標簽添加到head標簽中,就可以達到加載CSS文件的目的。
需要注意的是,通過ajax動態加載的CSS文件,只有在ajax請求完成后才會被加載到頁面中。如果我們需要盡早應用某個樣式,就需要將該樣式以內聯樣式的方式添加到頁面中,或者在文件的頭部靜態引用。
上一篇太極div css教程
下一篇天貓裝修識別css嗎