1. 程式人生 > >字串拼接onclick函式

字串拼接onclick函式

直接貼程式碼吧

<!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(&quot;" + arr[2].name + "&quot;)';>轉義2</a>"

    document.getElementById("box").innerHTML=ht
    // $('#box').append(ht)


</script>