1.普通的button標籤定義onclick事件
   (1)：無參

 <button onclick="mymethon()"></button>

<script type="text/javascript">
         function  mymethon(){
                alert("觸發點選事件");
           }
</script>

 (2)：有參
        ①：一個引數    

<button onclick="mymethon('123')"></button>

 <script type="text/javascript">
           function  mymethon(num){
                  alert("單個引數:"+num);
             }
 </script>
 

     
        ②：多個引數，用","隔開  

 <button onclick="mymethon('張三','男','北京市朝陽區')"></button>

<script type="text/javascript">
          function  mymethon(name,sex,address){
                alert("姓名"+name+";性別:"+sex+";住址:"+address);
             }
</script>

2.for迴圈給button標籤定義onclick事件並呼叫

PS：在此順便說明一下js程式碼的執行順序：

<script type="text/javascript">

        $(document).ready(function() {

            //後執行
        });

        //先執行
</script>
 

(1)：一個引數
     

   <script type="text/javascript">

        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>'; 
            }                       
      });
                
        
</script>  

                  
    (2)：多個引數
      

 <script type="text/javascript">

        $(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);
           }

        </script>       

最最後：這是我自己總結的，若發現有不足或者其他新知識點歡迎提意見和補充！