将JavaScript函数（作为字符串）插入到HTML并调用

debugcn 发表于 Dev

博泰·波格丹（Botea Bogdan）

我想将一个JavaScript函数注入DOM并在以后调用它。

像这样

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

function callFunc(functionName){
    functionName();
}

callFunc('test');

我怎样才能做到这一点？

更新

情境问题

我有操作并且function在数据库中。Functions基于行动。我同时检索动作和functions，并显示动作，UI但我需要为JS显示的每个动作注入函数。如果取消某项操作，则应该使用该功能。

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

戴夫·所罗门（Dave Salomon）

如果您需要将函数作为字符串注入DOM中，然后执行它，则可能是在做错什么。

就是说，这是您可以做到的一种方法。我不能摆弄他们，因为（正确地）他们不允许您将script标记注入HTML。

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

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

callFunc('test');

注意-上面的代码将按照您的要求执行操作，但是我恳请您重新访问您的设计，并查看您为何尝试执行此操作。这可能是不对的。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。