javascript如何给事件处理函数传递参数

javascript如何给事件处理函数传递参数,第1张

方法一:通过事件在html中的内联方式来传递参数(假定变量x是参数,下同):

<input type="button" value="点我" onclick="var x=123test(x)"/>

<script>

function test(x){

   alert(x)

}

</script>

方法二:通过全局变量来传递参数:

<input id="abc" type="button" value="点我"/>

<script>

var x=123

window.onload=function(){

   document.getElementById("abc").onclick=function(){

      alert(x)

   }

}

</script>

方法三:通过对象的自定义属性来传递参数:

<input id="abc" type="button" value="点我"/>

<script>

window.onload=function(){

   var abc=document.getElementById("abc")

   abc.x=123

   abc.onclick=function(){

      alert(this.x)

   }

}

</script>

方法四:利用闭包:

<input id="abc" type="button" value="点我"/>

<script>

window.onload=function(){

   (function(x){

      document.getElementById("abc").onclick=function(){

         alert(x)

      }

   })(123)

}

</script>

暂时就想到这么多了,肯定还有其他方法的。

a1.addEventListener("click", function () { window.location.href = "newsDetail.aspx?id=" + this})

在这个click方法中,你可以先打印this,看看this代表的是什么。

这个this应该代表的是a1,你应该在创建a1(var a1 = document.createElement("a"))

时,指定ID,这样click方法中,你就可以同this.id获得ID


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11604371.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存