onclick的用法，click和onclick
其实onclick的用法的问题并不复杂，但是又很多的朋友都不太了解click和onclick，因此呢，今天小编就来为大家分享onclick的用法的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
onclick onserverclick,onclientclick的区别和用法
1、OnClientClick是客户端事件处理方法，一般采用JavaScript来进行处理，也就是直接在IE端运行，一点击就运行；
2、OnClick是服务器端事件处理方法，在服务器端也就是IIS中运行，点击后，先执行postback，再运行；
3、OnClientClick常用来做一些客户端的检测。当然也可以放在服务器端检测，但是需要与服务器进行交互，消耗资源，而且用户体验也不好。
当一个控件上同时有OnClick和OnClientClick时，OnClientClick先于OnClick执行
正确的写法应该是：
举例一：<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="return saveFunc();"/>
saveFunc对数据进行验证，当验证通过返回true时，执行服务器端方法进行保存，验证不通过返回false，服务器端的保存方法就不会执行。
错误的写法：
举例二：
<!--无论验证是否通过，都会执行服务器端方法，不能达到验证的目的-->
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc();"/>
举例三：
<!--无论验证结果如何都返回false，服务器端方法永远不会执行-->
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc(); return false;"/>
下面以 HTML的按钮(system.web.ui.htmlcontrols)和 ASP.NET服务端按钮(system.web.ui.webcontrols)为例：
一、 HTML控件，如IMG的输入按钮等的 onclick(客户端)和 onserverclick(服务端)事件，
举例四：
注意 runat="server"
<input type="button" id="btn" name="btn" value="button" runat="server" onserverclick="ServerSideEvent" onclick="SideScript"/>
此处的onclick先于onserverclick执行。
二、WEB控件，如<asp:button按钮等的 onclientclick(客户端)和 onclick(服务端)事件；
举例五：
<asp:Button ID="btn" text="button" runat="server" OnClick="SideScript" OnClientClick="ClientSideScript"/>
此处的onclientclick先于onclick执行。
html img标签中的onclick属性用法,越详细越好。谢谢
html img标签中的onclick属性，主要用于在点击图片时触发相应的JavaScript事件。比如，你可以定义一个简单的JavaScript函数来显示一个警告框，内容为“aaa”。具体实现方式如下：
<script>function click(){alert("aaa");}</script>
然后，在img标签中使用onclick属性调用该函数，例如：
<img src="example.jpg" onclick="click()">
这样，当你点击图片时，就会弹出一个警告框，显示“aaa”。当然，你可以根据需要修改函数中的内容，实现不同的功能，比如弹出对话框询问用户信息，或者跳转到其他页面。
除了简单的警告框，你还可以通过onclick属性执行更复杂的JavaScript代码。例如，你可以创建一个函数来修改图片的src属性，从而实现图片切换的效果：
<script>function changeImage(){document.getElementById("myImg").src="newImage.jpg";}</script>
然后，在img标签中使用onclick属性调用该函数：
<img id="myImg" src="example.jpg" onclick="changeImage()">
这样，点击图片后，图片的src属性就会被修改为“newImage.jpg”，从而实现图片的切换。
此外，你还可以通过onclick属性触发其他JavaScript事件，比如改变页面的背景颜色：
<script>function changeBackground(){document.body.style.backgroundColor="lightblue";}</script>
然后，在img标签中使用onclick属性调用该函数：
<img src="example.jpg" onclick="changeBackground()">
这样，点击图片后，页面的背景颜色就会变成浅蓝色。
总之，onclick属性在html img标签中非常实用，它可以帮助你实现各种交互效果，增强网页的用户体验。
addEventListener和普通.onclick的区别
addEventListener是在 FireFox上的用法。
addEventListener的参数一共有三个，语法为：
element.addEventListener(type,listener,useCapture)
详解
其中element是要绑定函数的对象。
type是事件名称，要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。
listener当然就是绑定的函数了，记住不要跟括号
最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。
userCapture若为true,则浏览器采用Capture,若为false则采用bubbing方式。建议用false
区别：
varbtn1Obj=document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);执行顺序为method1->method2->method3
document.getElementById("btn").onclick=method1;
document.getElementById("btn").onclick=method2;
document.getElementById("btn").onclick=method3;如果这样写,那么将会只有medhot3被执行
关于onclick的用法，click和onclick的介绍到此结束，希望对大家有所帮助。