JavaScript通过字符串调用函数的实现方法


Posted in Javascript onMarch 18, 2015

本文实例讲述了JavaScript通过字符串调用函数的实现方法。分享给大家供大家参考。具体分析如下:

JavaScript中我们可以把根据函数名的字符串来调用函数,这样我们就可以实现动态函数调用,只需要传递一个函数的名字即可调用该函数。

var strFun = "someFunction"; //Name of the function to be called

var strParam = "this is the parameter"; //Parameters to be passed in function

//Create the function

var fn = window[strFun];

//Call the function

fn(strParam);

 
下面是一个详细的调用实例
<input type="text" id="functionName" name="functionName" size="20" value="fnFooBar">

    <input type="text" id="functionParam" name="functionParam" size="30" value="Happy New Year.!!">

    <input type="button" style="font-weight:bold" value="Call" onclick="javascript:call();">

    <br>

    <pre>

    function fnFooBar(strVal) {

            alert(strVal);

            return 1;

        }

   </pre>

<br>

<script>

function fnFooBar(strVal) {

    alert(strVal);

    return 1;

}

function call() {

    var strFunctionName = document.getElementById("functionName").value;

    var strFunctionParam = document.getElementById("functionParam").value;

    var fn = window[strFunctionName]

    var ret = fn(strFunctionParam);

}

</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
AngularJS内建服务$location及其功能详解
Jul 01 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
Vue.js 事件修饰符的使用教程
Nov 01 Javascript
JS制作简单的三级联动
Mar 18 #Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 #Javascript
javascript版2048小游戏
Mar 18 #Javascript
JavaScript判断用户是否对表单进行了修改的方法
Mar 18 #Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 #Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 #Javascript
JavaScript控制listbox列表框的项目上下移动的方法
Mar 18 #Javascript
You might like
smarty模板引擎之内建函数用法
2015/03/30 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
JQuery对class属性的操作实现按钮开关效果
2013/10/11 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
Bootstrap入门书籍之(一)排版
2016/02/17 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
微信小程序 Record API详解及实例代码
2016/09/30 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
浅谈mint-ui loadmore组件注意的问题
2017/11/08 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
Python新手学习装饰器
2020/06/04 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
教师年终个人自我评价
2013/10/04 职场文书
个人求职自荐信范文
2014/06/20 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
公司庆典欢迎词
2015/01/26 职场文书
大学学生个人总结
2015/02/15 职场文书
关于召开会议的通知
2015/04/15 职场文书
学生检讨书怎么写
2015/05/07 职场文书
python函数指定默认值的实例讲解
2021/03/29 Python
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js
Nginx四层负载均衡的配置指南
2021/06/11 Servers
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript