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标红色的原因。

有了这个数字的参数那我们就可以用其他方式将该参数映射为其他了。

 

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