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

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

方法二：是通过js来添加

如图：

介绍：

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

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

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

一般触发事件有两种方式，要么是在html直接绑定，正如你所写的那样

还有一种，就是在js代码部分，查找到这个button按钮，给它绑定触发事件

可以是click（点击），hover（鼠标浮动在上面），甚至可以是文档加载就运行的

js代码，可能是直接在html文件显示，你会直接看见

<script type="text/javascript">代码</script>

也可以是导入外部的js，网上分享有时只贴了html部分，就直接看不见了

<SCRIPT language=“javascript” src="a.js"></script>

第一种,最直接的方法<a href=ms-appx:///html/nextpage.htmlGo to next page</a这样就创建了一个Go to next page的链接，在页面单击就可以跳转到目标html第二种，利用button，然后为其添加响应事件，完成跳转<button id=directNextpage onclick=window.location.reload('/html/nextpage.html')Direct Next Page</button注意window.location.reload方法在WinJS中同样可以使用，这样，点击按钮，也能跳转到目标html文件第三种，其实跟第二种差不多，但是，响应事件在js里面完成，可以添加一些其他的 *** 作<button id=nextPageNext Page</buttonfunction clickNextPage(){window.location.reload(/html/nextpage.html)}document.getElementById('nextPage').addEventListener(click, clickNextPage)以上三种方法都能正确地跳转到目标html，感觉还是第三种比较好，在响应跳转的同时也可以进行其他的 *** 作，例如传递参数等

---