HTML5 LocalStorage存储可执行脚本

Question

我正在开发混合应用程序，其中包含它自己的本地html和JS文件。 但是，有时需要从服务器加载一些小的可执行JS脚本，甚至CSS。 目前，我正在使用$.getScript ，并且工作正常。

为了使该应用程序能够脱机工作，我正在考虑使用Angular缓存来存储json数据和图像。 但是，如何将可执行脚本与localStorage一起存储，以便以后可以在脱机模式下使用？

Answer 1

LocalStorage存储文本，因此您确实可以在其中存储JS代码（仅仅是文本）。

您只需要从LocalStorage加载它，然后使用eval()执行它或创建一个<script>标记并将脚本插入其中即可。

这是一个工作示例： http : //jsfiddle.net/jfriend00/1rLcaroc/

并且，代码是这样的：

var str = "alert('hello');";

document.getElementById("test").addEventListener("click", function() {
    localStorage.setItem("code", str);

    var code = localStorage.getItem("code");
    eval(code);
});