javascript - 文字列からcssとjavascriptをロードする方法はありますか？

Question

CSSとjavascriptをファイルから動的にロードする例をたくさん見てきました。 これが良い例です。しかし、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);