JavaScript事件处理学习方法

一、理解JavaScript事件

     HTML文档将元素的常用事件(如onlick、onmouseover等)当做属性绑定在HTML元素上,当该元素的特定事件发生时,

对应于此特定事件的事件处理器就被执行,并将处理结果返回给浏览器。事件捆绑导致特定的代码放置在其所处对象的事件处理器中。

二、运行时出现的小问题


js 是脚本,所以出现此现象,单机右键,选择允许出现

单击是,即可。即可看到自己想要的了。

二、为按钮绑定单击事件

1.效果如图所示





2.代码如下所示

<html>

<head>
<title>事件处理器</title>
<script type="text/javascript" >
window.onload=function(){
var btn=document.getElementById('btnSubmit');
btn.onclick=function(){
alert('你点击了'+this.value+'按钮');
}
}
</script>
</head>


<body>
<input type="button" id="btnSubmit" value="提交" />
                                   
</body>

</html>

3.解释阐述


这一部分用的是匿名函数:将function定义了一个匿名函数绑定到onload事件中。


猜你喜欢

转载自blog.csdn.net/cj_6666/article/details/80103271
今日推荐