javascript - 将 JavaScript 函数(作为字符串)插入到 Html 中并调用它

Question

我想将一个 JavaScript 函数注入(inject)到 DOM 中并在稍后调用它。

像这样

var funcCode = 'function test() { alert("test"); }';

function callFunc(functionName){
    functionName();
}

callFunc('test');

我该怎么做？

更新

上下文问题

我在数据库中有 Action 和函数。函数 基于 Action 。我检索了 Action 和函数，并在UI 上显示了 Action ，但我需要为显示的每个 Action 注入(inject)JS 函数。如果一个 Action 被取消，那么函数应该被取消。

DOM 需要函数

var name1 = function () {

    return {
        run : function() {
            // code for action 1                
        }
    }
} 

var name2 = function () {

    return {
        run : function() {
            // code for action 2                
        }
    }
}
...

行动经理(并想要这样的东西)

Manager.Use(funcName) => to call run

Answer 1

如果您需要将函数作为字符串注入(inject) DOM，然后执行它，您可能做错了什么。

也就是说，这是您可以做到的一种方法。我不能胡说，因为他们(正确地)不允许您将 script 标签注入(inject) HTML。

var funcCode = 'function test() { alert("test"); }';
$('body').append('<script type="text/javascript">'+funcCode+'</script>');

function callFunc(functionName){
    eval(functionName)();
}

callFunc('test');

请注意 - 上面的代码将按照您的要求执行，但我恳请您重新审视您的设计，并查看您尝试这样做的原因。 可能不对。