js中调用html中写的函数名

weixin_33804990

于 2016-12-31 11:22:00 发布

阅读量592

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/colinadmin/blog/816471

本文介绍了一种在HTML中使用属性存储函数名称并在JavaScript中动态调用该函数的方法。通过创建临时函数并利用eval执行，解决了直接调用带来的错误问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

有一个需求，函数名写在html上，在js中定义这个变量，js报错该函数不存在，在此给出解决方法

//html代码如下
<a data-function="aaa" class="clickMe">点我</a>

//js代码
function aaa(){
    alert(111);
}

$('.clickMe').click(function(){
    var functionName = $(this).attr('data-function');
    //functionName();//直接运行报错
    //解决方案是 建立一个函数来调用functionName
    function tmpFunction(data){
        //eval(functionName + '(' + data + ')'); //如果要传递参数，则按照这种形式
        eval(functionName + '()'); //不传递参数，则按照这种形式
    }

    tmpFunction();
})

转载于:https://my.oschina.net/colinadmin/blog/816471