js动态方法名执行_js执行方法名

作者：小蓝xlanll | 2024-02-12 21:24:47

踩

js执行方法名


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
 function a(){
  alert('aa');
 }
 function b(){
      alert('bb');
 }
 function callFunction(){
      var functionName = document.getElementById('functionName').value;
      //初始化this.func属性,
      this.func = function(){};
      try{
         //这里用eval方法，把我们传进来的这个方法名所代表的方法当作一个对象来    赋值给callFunction的func属性。
              this.func = eval(functionName);
         }catch(e){
              alert("找不到"+functionName+"()这个方法");
         }
 }
 function call(){
  var test = new callFunction();
  test.func();
 }
  </script>
 </head>
 <body>
  <input type ="text" id="functionName" />
  <input type="button" value="调用这个方法" οnclick="call()" />
 </body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/78711