有什麼辦法從字符串加載CSS和JavaScript？

Question

我見過很多從文件中動態加載CSS和JavaScript的例子。 Here's a good example。但有沒有辦法加載CSS或JavaScript作爲字符串？例如，像這樣的東西：

var style = ".class { width:100% }" 
document.loadStyle(style); 

或者這種性質的東西。

Answer 1

var javascript = "alert('hello');"; 
eval(javascript); 

這將從字符串中加載JavaScript，但會被警告，這是非常不安全的，不建議使用。如果惡意進程干擾您的JavaScript字符串，可能會導致安全問題。

至於CSS的話，你可以附加一個樣式標籤使用jQuery的頁面，就像這樣：

$('head').append("<style>body { background-color: grey; }</style>"); 

或者，JavaScript的純粹主義者：

var s = document.createElement("style"); 
s.innerHTML = "body { background-color:white !important; }"; 
document.getElementsByTagName("head")[0].appendChild(s);