方法：eval()

eg:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>将字符串作为函数名调用函数</title>

</head>

<body>

<span>指标：</span>

<select id="zhibiao">

          <option selected="" value="总体">总体</option>

          <option value="queryManagementVolume">办理量</option>

          <option value="queryTimeConsuming">平均耗时</option>

          <option value="queryOvertimePercent">超时占比</option>

</select>

</body>

<script src="../js/jquery.js"></script>

<script>

$(document).on("change",'select#zhibiao',function(){

        var fn=$(this).val();

        /* fn(); */

        eval(fn+"()");

});

function queryManagementVolume(){

    console.log("查询办理量");

}

function queryTimeConsuming(){

    console.log("查询平均耗时");

}

function queryOvertimePercent(){

    console.log("查询超时占比");

}

</script>

</html>
var slideArr=new Array(

    'slideLeft',

    'slideTop',

    'slideRight',

    'slideBottom',

    'slideLeftTop',

    'slideTopRight',

    'slideRightBottom',

    'slideBottomLeft'

);

function slideRandom(arr=slideArr,width,height,time) {

    var length=slideArr.length;

    var index=Math.floor(Math.random()*length);

    var functionName=slideArr[index];

    //alert(functionName);

    eval(functionName+'(width,height,time)');

}

js中将字符串作为函数名来调用的方法的更多相关文章

  1. WebView中Js与Android本地函数的相互调用

    介绍 随着Html5的普及,html在表现力上不一定比原生应用差,并且有很强的扩展兼容性,所以越来越多的应用是采用Html与Android原生混合开发模式实现. 既然要实现混合开发,那么Js与Andr ...

  2. js 把字符串变成函数

    js 把字符串变成函数 eval("(" + fieldEventss[1]+")");

  3. js中的回调函数的理解和使用方法

    js中的回调函数的理解和使用方法 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释 因为 ...

  4. js中关于事件处理函数名后面是否带括号的问题

    今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Leve ...

  5. JS：JS中常见的 “函数名 is not a function” 错误

    js中常见的错误,例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外,还有一种很奇怪的情况:函数本身没有错,但是运行时就是不能正常运行.这种 ...

  6. ASP.NET前台JS与后台CS函数如何互相调用

    摘要: 在实际的Web开发中,我们可能会常常遇到后台调用前台JS代码或者前台JS调用后台代码的情况.今天就把比较实用的前后台相互调用的方法总结出来和大家分享. 在实际的Web开发中,我们可能会常常遇到 ...

  7. python通过字符串定义函数名

    记录python里的一个有意思的小技巧:通过字符串定义函数名称. import sys m=sys.modules[__name__] def temp(x): return x+1 setattr( ...

  8. JS中将字符串中每个单词的首字母大写化

    今天看到一个帖子,处理js中字符串每个单词的首字母大写. 原贴地址:关于字符串中每个单词的首字母大写化问题 受到启发,自己跟着改写了几个版本如下,请大家指正. 1.for循环: var a = 'Hi ...

  9. 声明数组变量/// 计算所有元素的总和/打印所有元素总和/输出/foreach循环/数组作为函数的参数/调用printArray方法打印

    实例 下面是这两种语法的代码示例: double[] myList; // 首选的方法 或 double myList[]; // 效果相同,但不是首选方法 创建数组 Java语言使用new操作符来创 ...

随机推荐

  1. 【转载】C++ STL快速入门

    https://www.cnblogs.com/skyfsm/p/6934246.html

  2. java接口多实现和多继承

    package test; interface mouth { public abstract void speak(); } interface nose{ public abstract void ...

  3. （四）Python中的“四大才子”（字符串、列表、字典、集合）

    前戏:在python中把数据序列分为可变(mutable)和不可变(immutable)两种 不可变:string.int.float.tuple 特点:相同对象只是占用一个内存地址,不管有多少个变量 ...

  4. 3、设置jsp上的类容自动更新

    1.run->edit configurations进入下面的界面,并修改 On ‘Update’ action  为  Redeploy. On frame deactivation  为   ...

  5. 【vue】函数式组件

    在 2.5.0 及以上版本中,如果你使用了单文件组件,那么基于模板的函数式组件可以这样声明: <template functional> <div class="cell& ...

  6. MVC加载分布页的三种方式

               第一种: @Html.Partial("_分部页")            第二种: @{ Html.RenderPartial("分部页" ...

  7. GraphQL Java Demo代码

    mvn 引用GraphQL <dependency> <groupId>com.graphql-java</groupId> <artifactId>g ...

  8. Python爬虫从入门到进阶(2)之urllib库的使用

    1.什么是Urllib(官网地址:https://docs.python.org/3/library/urllib.html#module-urllib) Urllib是python内置的HTTP请求 ...

  9. CV code references

    转:http://www.sigvc.org/bbs/thread-72-1-1.html 一.特征提取Feature Extraction:   SIFT [1] [Demo program][SI ...

  10. ajax上传文件显示进度

    下面要做一个ajax上传文件显示进度的操作,文末有演示地址 这里先上代码: 1.前端代码 upload.html <!DOCTYPE html> <html lang="e ...