JS 拼装代码的HTML onClick方法传递字符串

时间:2023-09-19 23:20:31
JS 拼装代码的HTML onClick方法传递字符串

  有时会在JS中拼装HTML代码,这时在HTML中出现的onClick()方法中:

  1.出现传递Num型的数据,直接拼装进去即可;

  2.可能会出现传递字符串的情况,处理方法比较特殊,如下:

  

a:直接字符串型

//这里使用转译字符 \ 来转译双引号 "
var stringDemo = "<div class='mt10'><img src='/newresources/images/sale/s2.png' >&nbsp;<a class='blue' "
          +"onClick='checkMaterial(\"这里是传递的字符串\")'>物料确认</a></div>"

b:字符串变量型

var stringParam = "这里是传递的字符串";

//这里使用转译字符 \ 来转译双引号 "
var stringDemo = "<div class='mt10'><img src='/newresources/images/sale/s2.png' >&nbsp;<a class='blue' "
          +"onClick='checkMaterial(\""+ stringParam +"\")'>物料确认</a></div>"

  3.onClick中无法传递对象值,只可传递基本变量