javascript 带参方法在onclick中如何正确传值

全栈程序员-站长 • 2026年3月16日下午11:56 • 未分类 • 阅读 1

var operate=function(row,index){

var ope = " + row + "\")'>修改 | 删除" ;


    return ope;
}
 
注意点：需要用转义字符
 
2.
 
.一般使用onclick传参

2.使用append或者innerHTML进行拼接语句的时候,绑定onclick事件并且传参,单个参数
''+v.cartypename+''
3.使用append或者innerHTML进行拼接语句的时候,绑定onclick时间并且传参,多个参数
document.getElementById("div1").innerHTML +=  "";
添加onclick后运行报错:
Uncaught ReferenceError: xxx is not defined, 或者 Uncaught SyntaxError: Unexpected token } 
如果是报这两种错误,就是引号的问题,需要转义.
总结: 需要使用到 \ 来转义,
以下代码是项目中实例：
 
function loadData(key,pageNo,pageSize){
   
     $.ajax({
    
         url:"/selectShops",
         type:"post",
         data:{key:key,pageNo:pageNo,pageSize:pageSize},
         success:function(data){
        
             var html="";
 //                        var reportlisthtml='';
             var maojungang = data.data;
 //                        var message = json.message;
             var totalCount = data.total;
             pages = Math.ceil(totalCount/pageSize);
 //                        alert(message);
             for(var i in maojungang){
                
                 html=html+""+
                     ""+maojungang[i].shopnuber+" "+
                     ""+maojungang[i].shopname+" "+
                     ""+maojungang[i].shopprice+"￥"+" ";
                 if(maojungang[i].shopnum > 100 ){
                     
                     html=html+""+maojungang[i].shopnum+maojungang[i].unit+" ";
                 }else if(maojungang[i].shopnum < 100 && maojungang[i].shopnum >10){
                       
                     html=html+"





















"+maojungang[i].shopnum+maojungang[i].unit+" 
";
                 }else{
  
                     html=html+"
"+maojungang[i].shopnum+maojungang[i].unit+" 
";
                 }
                 html=html+
                     ""+maojungang[i].shopno+" "+
                     ""+maojungang[i].createdate+" "+
                     ""+" 

          
        
"+" "+""+
                     ""+
                     ""+
                     ""+
                     "";
            }
 //                       $('#TableData').html(reportlisthtml);
             $("#TableData").html(html);
             var newText = "共" + totalCount + "条，" + "第" + pageNo + "页，" + "共" + pages + "页";
             $("#summary").text(newText);




        }
     });
 }
 function queryproder(){
                 
     $.ajax({
                  
         url:"/queryprList",
         type:"post",
         data:{},
         success:function(data){
                      
             var html="";
             for(var i in data){
                        
                 html=html+
                     ""












            };
            //                   $('#queryprList').html('').append(html);
             $("#keyword").html(html);
         }
     });
 }
 //删除
 function del(id) {
                    
     var choice = confirm("您确认要删除吗？", function() {
                     
     }, null);
     if (choice) {
                       
         $.ajax({
                        
             url:"/delShop",
             type:"post",
             data:{id:id},
             success : function() {
                            
                 alert("删除成功！");
                 search();
             },
             error : function() {
                                
                 alert("删除失败！");
             }




















        });
     }
 }