如何html中标签上添加点击事件

方法一：直接在标签元素上添加

方法二：是通过js来添加

如图：

介绍：

HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。

HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

HTML Button onclick 事件汇总

<input onclick="document.all.WebBrowser.ExecWB(1,1)" type="button" value="打开" name="Button1">

<input onclick="document.all.WebBrowser.ExecWB(4,1)" type="button" value="另存为" name="Button2">

<input onclick="document.all.WebBrowser.ExecWB(10,1)" type="button" value="属性" name="Button3">

<input onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印" name="Button">

<input onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置" name="Button4">

<input onclick="window.location.reload()" type="button" value="刷新" name="refresh">

<input onClick="window.external.ImportExportFavorites(true,'')" type="button" value="导入收藏夹" name="Button5">

<input onClick="window.external.ImportExportFavorites(false,'')" type="button" value="导出收藏夹" name="Button32">

<input onClick="window.external.AddFavorite(location.href, document.title)" type="button" value="加入收藏夹" name="Button22">

<input onClick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type="button" value="整理收藏夹" name="Submit2">

<input onclick='window.location="view-source:" + window.location.href' type="button" value="查看源文件" name="Button7">

<input onClick="window.external.ShowBrowserUI('LanguageDialog', null)" type="button" value="语言设置" name="Button6">

<input onClick="document.execCommand('Cut')" type="button" value="剪切">

<input onClick="document.execCommand('Copy')" type="button" value="拷贝">

<input onClick="document.execCommand('Paste')" type="button" value="粘贴">

<input onClick="document.execCommand('Undo')" type="button" value="撤消">

<input onClick="document.execCommand('Delete')" type="button" value="删除">

<input onClick="document.execCommand('Bold')" type="button" value="黑体">

<input onClick="document.execCommand('Italic')" type="button" value="斜体">

<input onClick="document.execCommand('Underline')" type="button" value="下划线">

<input onClick="document.execCommand('stop')" type="button" value="停止">

<input onClick="document.execCommand('SaveAs')" type="button" value="保存">

<input onClick="document.execCommand('Saveas',false,'c:\\Autorun.inf')" type="button" value="另存为">

<input onClick="document.execCommand('FontName',false,fn)" type="button" value="字体">

<input onClick="document.execCommand('FontSize',false,fs)" type="button" value="字体大小">

<input onClick="document.execCommand('refresh',false,0)" type="button" value="刷新">

<input onclick="window.location.reload()" type="button" value="刷新">

<input onclick="history.go(1)" type="button" value="前进">

<input onclick="history.go(-1)" type="button" value="后退">

<input onclick="history.forward()" type="button" value="前进">

<input onclick="history.back()" type="button" value="后退">

<input type="button" value="d出固定窗口" onClick="javascript:window.open('#','','scrollbars=yes,width=600,height=200')" >

<input type="button" value="没有提示关闭" onclick="window.opener=nullwindow.close()" />

<input type="button" value="点击进入另一页面" onclick="window.location.href=''" />

<input type="button" value="返回上一页" onclick="javascript:history.go(-1)" />

---