JS函数实现动态添加CSS样式表文件

在JavaScript中，动态地添加CSS样式表文件可以通过创建一个``元素，并将其添加到文档的``部分来实现。下面是一个简单的函数示例，该函数接受CSS文件的URL作为参数，并动态地将该样式表添加到当前页面的``中。

function addCSSStyleSheet(url) {
    // 创建一个新的link元素
    var link = document.createElement('link');
    // 设置link元素的rel属性为stylesheet，表明这是一个样式表
    link.rel = 'stylesheet';
    // 设置link元素的href属性为传入的URL，指定样式表的位置
    link.href = url;
    // 将link元素添加到文档的head部分
    document.head.appendChild(link);
}

// 示例用法
addCSSStyleSheet('https://example.com/path/to/your/stylesheet.css');

这个函数`addCSSStyleSheet`接受一个字符串参数`url`，该参数指定了要添加的CSS文件的URL。然后，它创建一个``元素，设置其`rel`属性为`stylesheet`，并将`href`属性设置为传入的URL。最后，它将这个``元素添加到文档的``部分，从而动态地加载了CSS样式表。

这样，你就可以在需要的时候调用这个函数，动态地向页面添加CSS样式表了。