动态加载CSS文件的方法有哪些？- 高级前端开发工程师分享

动态加载.css文件可以使用以下几种方法：

1. 使用JavaScript创建一个标签并将其添加到DOM树中：

var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
document.head.appendChild(link);

2. 使用JavaScript创建一个标签并将其添加到DOM树中：

var style = document.createElement("style");
style.textContent = "@import 'style.css';";
document.head.appendChild(style);

3. 使用jQuery动态加载CSS文件：

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

4. 使用AJAX方法异步加载CSS文件：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'style.css', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var style = document.createElement('style');
    style.innerHTML = xhr.responseText;
    document.head.appendChild(style);
  }
};
xhr.send();