onclick命令中如何传递参数?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了onclick命令中如何传递参数?相关的知识,希望对你有一定的参考价值。

<img alt="AA" src="..." onclick="function();/>
.
.
function()


function中如何调用 'AA'这个值?

一:参数分为形参和实参,function triangleCoordschange(arr1,arr2)这里面是形参,triangleCoordschange(arr1,arr2)这里面是实参,参数通过实参传到形参,triangleCoordschange(arr1,arr2)是调用函数,给此函数赋值就可以了。
二:获取参数,var arr1=document.getElementById("属性名");当然还有getElementByTagName, 这要看你代码了
参考技术A function()
    var alt = $(this).attr("alt");

这个用了jquary,会比较简单,用document的方法虽然也行,但是会复杂很多

希望有帮到您

参考技术B

    直接把AA当字符串丢过去,当成参数。

    把img这个元素直接丢过去,即onclick="func(this)"

    使用jquery做事件绑定,$(this)可以调用img的属性

本回答被提问者和网友采纳
参考技术C input里面改成 function(this)
function(e)
var a=e.getAttribute("alt");
参考技术D <img src="" alt="AA" onclick="test('AA')" />
<script type="text/javascript">
function test(a)
alert(a);

</script>

如何给html元素的onclick事件传递参数即如何获取html标签的data

某些非text元素,如a、button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中。

具体可以按照如下程序设置:

<button data="123" id="but" onclick="fun()">按钮</button>

然后通过attr这个方法获取属性内容$('#but').attr('data')

其实完全可以直接写在onclick里作为参数

<button onclick="fun(123)">按钮</button>

如果使用id触发方法,还可以直接用this选择

<button data="123" id="but" >按钮</button>

$('#but').on('click', function()

var val = $(this).attr('data');

)

参考技术A <a aa="aa" data-bb="bb" onclick="test(event, this)">aaa</a>
<script>
function test(event, elm)
alert(elm.getAttribute("aa"));
alert(elm.getAttribute("data-bb"));
alert(elm.dataset.bb);// html5

</script>
参考技术B function a(one)
document.write("哈哈"+one);


<a onclick="a('123')" href="#">aaaa</a>本回答被提问者和网友采纳

以上是关于onclick命令中如何传递参数?的主要内容,如果未能解决你的问题,请参考以下文章

JS onclick 中如何传两个参数给 JS方法

jsp中onclick可以传递参数吗

关于onclick事件中的参数传递问题

onclick 怎样传递参数

onclick 传递参数

javascript 接收onclick传递的参数并输出