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 相关文章推荐
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
JS将unicode码转中文方法
May 08 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
vue单页应用在页面刷新时保留状态数据的方法
Sep 21 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
Swiper实现导航栏滚动效果
Oct 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
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
2017/02/28 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
JavaScript 学习技巧
2010/02/17 Javascript
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
vue中如何创建多个ueditor实例教程
2017/11/14 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
python 计算文件的md5值实例
2017/01/13 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
python爬虫增加访问量的方法
2019/08/22 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
用python 绘制茎叶图和复合饼图
2021/02/26 Python
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
校本教研工作方案
2014/01/14 职场文书
房地产开盘策划方案
2014/02/10 职场文书
学校献爱心活动总结
2014/07/08 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
[有人@你]你有一封绿色倡议书,请查收!
2019/07/18 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers