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

如何html中标签上添加点击事件,第1张

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

方法二:是通过js来添加

如图:

介绍:

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

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

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

不过,最近遇到一个问题,问题如下:

在Thymleaf下面如何触发js的点击事件?一通百度之后,得到如下解决方案:

使用th:onclick标签,最终调取如下js函数:

以上js正常写即可。

] <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

*{margin: 0padding: 0}

th, td{width: 50pxheight: 30pxtext-align: center}

th{cursor: pointerborder: 1px solid transparent}

th:hover{border: 1px solid greenyellow}

</style>

</head>

<body>

<table>

<tr>

<th>111</th>

<th>222</th>

<th>333</th>

</tr>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

</tr>

</table>

<script type="text/javascript">

1: 当时道格拉斯·恩格尔巴特在斯坦福研究室工作;

2:  鼠标是1964年由加州大学伯克利分校博士道格拉斯·恩格尔巴特[1] (Douglas Engelbart)发明的[2]&nbsp;鼠标&nbsp,来代替键盘那繁琐的指令

3:  编辑

4:  鼠标是计算机的一种输入设备,也是计算机显示系统纵横坐标定位的指示器,因形似老鼠而得名“鼠标”(港台作滑鼠).

5: “鼠标”的标准称呼应该是“鼠标器”,英文名“Mouse”,该研究所是斯坦福大学赞助的一个机构,Douglas Engelbart很早就在考虑如何使电脑的 *** 作更加简便,用什么手段来取代由键盘输入的繁琐指令,鼠标的使用是为了使计算机的 *** 作更加简便快捷&nbsp


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11825271.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存