刚刚开始学习javascript没有多久，经常会看到这样的代码：
2
849 <a id="get" href="#" onclick="setname();">点击</a>
在看jquery事件绑定是封装好，这样写的：
$('#get').click(function(e){
});
在公司，也看到很多后端php开发，直接在html元素中绑定事件，感觉这样写不是很好，但是为什么不好不太清楚，这种方式绑定事件有什么弊端呢？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
1、存在时差，处理程序的javaScript代码没有载入时会引发错误
补救办法用try catch<button onclick="try{somefn();}catch(ex){}" type="button">click</button>
2、HTML事件处理程序的作用域链在不同的浏览器中会导致不同的结果。不同javaScript引擎遵循的标示符解析规则略有差异，很可能会在访问非限定对象成员时出错。
作用域链问题
function open() {
alert("click")
}
// 单击变成调用window.open()了
<button onclick="open()" type="button">HTML事件处理程序</button>
3、HTML代码与JS脚本代码紧密耦合，一处修改另一半也需要修改
4、依赖全局函数名（起名字的事件要具体点独特的别冲突了）
所以如果你是js小白的话还是用jquery的方法把
$("#btn").on("click", function(){alert("click");});