通过单击事件JavaScript传递变量

我正在以这种方式从一个

onclick

事件传递一个参数

<span id="btn1" onclick="DoIt('Var1', 'Var2', 'Var3');return false;">
  Go!
</span>

<script type="text/javascript">
function DoIt(Var1, Var2, Var3) {
  // some code...
}
</script>

但是我对如何传递和访问onclick事件中附加的变量感到困惑

onclick="DoIt('Var1', 'Var2', 'Var3');return false;"

---

如何实现这一点？

为什么不简单地使用数据属性

<span id="btn1" data-var="var1" data-var2="var2" data-var3="var3">
  Go!
</span>

<script type="text/javascript">
$('#btn1').click(function(event) {
  value1 = $(this).data('var');
  value2 = $(this).data('var2');
  value2 = $(this).data('var3');
});
</script>

走！
$（'#btn1'）。单击（函数（事件）{
value1=$（this.data（'var'）；
value2=$（this.data（'var2'）；
value2=$（this.data（'var3'）；
});

当我试图发出警报以显示我正在传递的内容时，它们都返回“未定义”。@Beengie:请用完整的代码更新您的问题

<span id="btn1" data-var="var1" data-var2="var2" data-var3="var3">
  Go!
</span>

<script type="text/javascript">
$('#btn1').click(function(event) {
  value1 = $(this).data('var');
  value2 = $(this).data('var2');
  value2 = $(this).data('var3');
});
</script>