文字列から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);