javascript中動態綁定帶參數的函數

有如下代碼:

<div id='test'>點我改變字符<div>

<script>

function testChange()

{

    document.getElementById('test').innerHTML = "字符改變了,呵呵";

}

document.getElementById('test').onclick = testChange;

</script>

這是大家都知道的方法

但是如果是

<div id='test'>點我改變字符<div>

<script>

function testChange(numStr)

{

    document.getElementById('test').innerHTML = numStr;

}

document.getElementById('test').onclick = ???;            // 這裏該如何綁定函數呢?

</script>

我想大家可能都不太清楚了,

其實也簡單

document.getElementById('test').onclick = new Function('testChange('+i+')');

在這裏我要強調一點的是i必須是數字或數字的字符串

可以是

var i = '1';或var i = '11111';或var i = 1;又或var i = 1.2222;都行

這也是我爲什麼參數numStr標紅色的原因。

有了這個數字的參數那我們就可以用其他方式將該參數映射爲其他了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章