内联onclick JavaScript变量

时间:2011-04-07 19:58:16

标签: javascript html onclick

我在这个html上面有一个JavaScript有没有办法在下面的代码中将它传递到EditBanner(JS Variable Here)里面?

//EditBanner to be changed to pass a Js variable.
<input id="EditBanner" type="button" value="Edit Image" onclick="EditBanner();"/>

3 个答案:

答案 0 :(得分:28)

有一个完整的实践表明,拥有内联函数/样式是一个坏主意。 考虑到您已经拥有按钮的ID,请考虑

<强> JS

var myvar=15;
function init(){
    document.getElementById('EditBanner').onclick=function(){EditBanner(myvar);};
}
window.onload=init;

<强> HTML

<input id="EditBanner" type="button"  value="Edit Image" />

答案 1 :(得分:5)

<script>var myVar = 15;</script>
<input id="EditBanner" type="button" value="Edit Image" onclick="EditBanner(myVar);"/>

答案 2 :(得分:4)

是的,JavaScript变量将存在于它们的创建范围内。

var bannerID = 55;

<input id="EditBanner" type="button" 
  value="Edit Image" onclick="EditBanner(bannerID);"/>


function EditBanner(id) {
   //Do something with id
}

如果使用事件处理程序和jQuery,它也很简单

$("#EditBanner").click(function() {
   EditBanner(bannerID);
});