字串拼接onclick函式
阿新 • • 發佈:2018-12-02
直接貼程式碼吧
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js字串拼接onclick出現的問題</title> </head> <body> <div id="box"> </div> <button onclick="show('a');show2('aa','bb')">一個onclik兩個方法</button> </body> </html> <script> function show(v) { alert(v) } function show2(v1,v2) { alert(v1) alert(v2) } function show3(v) { alert(v.name) } var arr = [ { name: 'wangwu', age: 23, hight: [180, 180, 180] }, { name: 'zhangsan', age: 22, hight: [180, 160, 180] }, { name: 'lisi', age: 21, hight: [180, 170, 180] } ] //傳遞一個引數 // var ht = '<button onclick=show("' + arr[0].name + '")>我是按鈕</button>' //傳遞兩個引數 //ht = '<button onclick=show2("' + arr[1].name + '","' + arr[1].age + '")>我是按鈕</button>' //傳遞json物件 //ht = '<button onclick=show3(' + JSON.stringify(arr[2]) + ')>我是按鈕</button>' //使用轉義字元傳遞兩個引數 // ht= "<a href='#' onclick=\"show2('" + arr[2].name + "','" + arr[2].age + "')\">a標籤</a>" //再使用轉義字元 // ht="<a href='#' onclick = 'show(\""+ arr[2].name +"\")'> 轉義</a > " /* 部分字元轉義如下: & 符號:"&", "&" 雙引號:"\"", """ 小於號:"<", "<" 大於號:">", ">" 單引號:"'", "'" */ // 在使用轉義 ht="<a href='#' onclick='show("" + arr[2].name + "")';>轉義2</a>" document.getElementById("box").innerHTML=ht // $('#box').append(ht) </script>