使用JavaScript插入CSS鏈接到頁面的頭部

我的第三方網站，其中包括該腳本：使用JavaScript插入CSS鏈接到頁面的頭部

var foo = "Hello World!"; 

     (function() { 
     var foo = "Goodbye World!"; 
     document.write("<p class='something'>Inside our anomymous function foo means '" + foo + '".</p>'); 
     })();

我現在想插入（使用純JavaScript）的外部引用的樣式表。如何才能做到這一點？

使用jQuery你可以做這樣的：

var css_link = $("<link>", { 
    rel: "stylesheet", 
    type: "text/css", 
    href: "style.css" 
}); 
css_link.appendTo('head');

不過，我需要保持這種純JavaScript。

來源

2014-03-30 Prometheus

迅速在Chrome下方嘗試和它的作品..

var styleEl = document.createElement("link"); 
styleEl.type = "text/css"; 
styleEl.href = "style.css"; 
document.getElementsByTagName('head')[0].appendChild(styleEl);

來源

2014-03-30 19:14:07 Madhur

完美謝謝 – Prometheus

放置一個<script>標籤的頭是這樣的：

<head> 
    <script> 
     document.write('<link rel="stylesheet" type="text/css" href="style.css">'); 
    </script> 
</head>

的document.write()功能追加你爲其中的腳本參數正確的任何文字。

來源

2014-03-30 19:11:20

我認爲OP意味着在運行時。 – Jonathan

您可以在運行時做這樣的：

var css = document.createElement("LINK"); 
css.href = "style.css"; 
css.type = "text/css"; 
document.head.appendChild(css);

編輯：document.head是正常的瀏覽器和IE9兼容+

來源

2014-03-30 19:15:14 Jonathan

使用JavaScript插入CSS鏈接到頁面的頭部

回答

相關問題