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

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

方法二：是通过js来添加

如图：

介绍：

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

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

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

html网页的javascript点击事件怎么写：

把ajax请求改为同步请求。$.ajax({ url:url, data:data, async:false,。

success:function(result){ handle(result)},。

error:function(result){ alert("获取数据失败")} })

模拟点击事件写在了点击事件的前面。 

有的人认为这个是在页面加载后才触发的尤其是写在$(function(){})。

当中就是先渲染在触发，但是一个页面打开先渲染的是整个页面的元素，而不是js代。

js代码还是会一条条的往下执行。

那么把模拟点击写在前面的话就是先触发再声明，所以没有效果，把他移到点击事件的后面就可以了。

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div>

<script type="text/javascript">

    function show() {

        alert('绑定事件一')

    }

</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.onclick = show

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《JavaScript事件 详细讲解》

第三种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.addEventListener('click', show, !1)

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《说说JavaScript的事件绑定方法并举例》

---