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 相关文章推荐
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
vue 中 命名视图的用法实例详解
Aug 14 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
jQuery 实现扁平式小清新导航
Jul 07 jQuery
详解JavaScript执行模型
Nov 16 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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
解析php中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
JavaScript实现修改伪类样式
2017/11/27 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
谈谈JS中的!!
2017/12/07 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
js实现电灯开关效果
2021/01/19 Javascript
Python程序语言快速上手教程
2012/07/18 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
Python如何读取、写入JSON数据
2020/07/28 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
会计与出纳自荐书范文
2014/03/16 职场文书
物资采购方案
2014/06/12 职场文书
单位工作证明
2014/10/07 职场文书
结婚典礼致辞
2015/07/28 职场文书