javascript - 有什么方法可以从字符串中加载 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);