动态html函数的写法,JS动态写入HTML代码《变量，方法，函数多个入参拼接》

写这篇文章，主要是想mark一下，因为JS动态生成HTML(这里都默认是生成大段的HTML，而不是简单的标签元素)，常用的两种语法格式：

一种是es6的写法，反撇，' `` '，在英文语法输入状态下，esc正下方的按键。但是这种语法存在兼容性的问题，我在移动端的项目中遇到过，使用JQuery，没有使用框架。因为有一整个页面都是使用JS动态生成的HTML，所以，在一款华为手机自带的浏览器中不识别 `` ，页面空白。

另一种是字符串拼接，但是这种方式，拼接方法及方法入参时特别特别特别的繁琐，特别要注意单引号和双引号的使用，在外层双引号里单双引号，代码如下：

goodsHtml +=

'

' +

'

' +

'' +

'

' + resGoodsInfo.goodsName + '

' +

'

' +

'

' +

'

' +

"查看"+

'

' +

'

' +

"回收"+

"

(得" + resGoodsInfo.recyclePrice + "元)

"+

'

' +

'

' +

'

'

下面附上es6的格式：

goodsHtml +=

`

${resGoodsInfo.goodsName}

οnclick="lookUpBtnClick('${resGoodsInfo.goodsId}', '${resGoodsInfo.cardId}')" >查看

οnclick="consignBtnClick('${resGoodsInfo.goodsId}', '${resGoodsInfo.cardId}')" >回收

(得${resGoodsInfo.recyclePrice}元)

`