随着日常工作需要可能很多的页面需要用到协同开发等，而直接将事件放在html里面并不是一个明智的选择，这个时候可以考虑将对应的事件放在js中。
<input type="button" value="变宽" onclick="setStyle('width','300px')">
这是一个常规的html，如果value、title都是属性 ，其实onclick这些也都是属性，我们是可以进行放在行间事件的
那么通过下面的方式也可以实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>行间事件</title>
</head>
<body>
<input id="btn1" type="button" value="事件绑定" >
<script type="text/javascript">
var oBtn = document.getElementById('btn1');
oBtn.onclick = function (){
alert('a');
};
</script>
</body>
</html>
通过上面的修改，在html的代码中，已经没有了行间事件了。
网友评论