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实现的Map集合工具类完整实例
Jul 31 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
canvas实现图像截取功能
Feb 06 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
VUE组件中的 Drawer 抽屉实现代码
Aug 06 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 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
php 在文件指定行插入数据的代码
2010/05/08 PHP
PHP 事务处理数据实现代码
2010/05/13 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
php给图片加文字水印
2015/07/31 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
几行js代码实现自适应
2017/02/24 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
使用Python中的tkinter模块作图的方法
2017/02/07 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
美国生鲜及杂货电商:FreshDirect
2018/01/29 全球购物
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
以太网Ethernet IEEE802.3
2013/08/05 面试题
公司离职证明标准样本
2014/10/05 职场文书
学校百日安全活动总结
2015/05/07 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS