buttonタグのonclickイベント

1.普通のbuttonタグ定義Oclickイベント    (1):無参

 


         function  mymethon(){
                alert("      ");
           }

 (2)：有参
        ①：一个参数    

 
           function  mymethon(num){
                  alert("    :"+num);
             }
 

     
        ②：多个参数，用","隔开  

 


          function  mymethon(name,sex,address){
                alert("  "+name+";  :"+sex+";  :"+address);
             }

 

2.for循环给button标签定义onclick事件并调用
        说明：无参for循环onclick方法和普通的方法方式一样，可以参考案例1.(1)，在此不做过多解释，主要是说一下追加传参的时候，转义符的神奇存在
        另外需要注意的是操作顺序：先定义方法再调用，不然容易出现类似"未定义"的相关错误，根据JS代码的执行顺序，方法写的$(document).ready(function(){});外比较合适

PS：在此顺便说明一下js代码的执行顺序：

        $(document).ready(function() {

            //   
        });

        //   

   (1):一つのパラメータ     

   

        function  mlook(name){
          alert(name);
        }
        

        $(document).ready(function() {

           //  ，            
                 var ckName=new Array();
                    ckName[0]="  ";
                    ckName[1]="  ";
                    ckName[2]="  ";
                    ckName[3]="  ";
                    ckName[4]="  ";
        
           var mDiv document.getElementById("mWindows");

        // id "mWindows"   (   div  )    
         for (var i = 1; i < ckName.length; i++) {
             mDiv .innerHTML += '<span>'+ ckName[i]+ '</span> '+
             //             "  "，"\'"    ，         
             '<button onclick="mlook(\''+ckName[i]+'\')">    </button>'; 
            }                       
      });
                
        
  

                      (2):複数のパラメータ      

 

        $(document).ready(function() {
                 var ckName=new Array();
                    ckName[0]="  ";
                    ckName[1]="  ";

                 var officeName=new Array();
                    officeName[0]="   ";
                    officeName[1]="   ";

                 var bstartTime=new Array();
                    bstartTime[0]="2018-05-01";
                    bstartTime[1]="2018-05-31";
                    
         var mDiv= document.getElementById("mWindows");
          // id "mWindows"   (   div  )    
           for (var i = 1; i < ckName.length; i++) {
                   mDiv.innerHTML += '<span>'+ ckName[i]+ '</span> &nbsp;'+
                 '<button onclick="mwant(\''+ckName[i]+'\',\''+officeName+'\',\''+bstartTime+'\')">    </button>';
            //  ：      ，     ，             
                        }
           });
                


         function mwant(student,teacher,date){
                  alert(name+teacher+date);
           }

               

 PS:変換子があまり使えない盆友がいるなら、オンラインHTMLコードをJavaScript文字列に変換するツールを紹介します.http://tools.jb51.net/transcoding/html2js
最后に、これは自分でまとめたものです.足りないところや他の新しい知识があれば、ご意见と补充を歓迎します.