如何使用Javascript加载CSS文件?

是否有可能导入css样式表到一个html页面使用Javascript?如果是，该怎么做呢?

p.s. javascript将托管在我的网站上，但我希望用户能够把他们的网站的<头>标签，它应该能够导入一个css文件托管在我的服务器到当前的网页。(CSS文件和javascript文件都将托管在我的服务器上)。

当前回答

如果你使用jquery:

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

其他回答

下面是一个单行示例，使用纯JavaScript根据URL的文件名部分将CSS链接注入到head元素中:

document.head.innerHTML += '<link rel=“stylesheet” href=“css/style.css”>';

大多数浏览器都支持它。查看浏览器兼容性。

如果你使用jquery:

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

var elem = document.createElement('link');
elem.rel = ' stylesheet'
elem.href= 'style.css';//Link of the css file
document.head.appendChild(elem);

元素。insertAdjacentHTML有很好的浏览器支持，可以在一行中添加一个样式表。

document.getElementsByTagName("head")[0].insertAdjacentHTML(
    "beforeend",
    "<link rel=\"stylesheet\" href=\"path/to/style.css\" />");

use:

document.getElementById("of head/body tag")
        .innerHTML += '<link rel="stylesheet" type="text/css" href="style.css">';

推荐文章