//在以前给html添加事件的时候是将事件当作属性写在html里面的,但是现在的dom0级则是将其先get出来然后在脚本里面添加一个属性
DOM0级事件处理程序:较传统的方式:把一个函数赋值给一个事件的处理程序属性,用的比较多。优点:简单,跨浏览器的优势
DOM0级事件:简单,易维护,跨浏览器
dom0级 其实就是 先把元素取出来 然后在添加 funciton 事件
btn2.onclick=null;//清空onclick属性
DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。
DOM0级事件处理程序:
var y=document.getElementById('btn2'); 取得btn2按钮对象。
btn2.onclick=function(){
alert('这是通过DOM0级添加的事件!')
}
btn2.onclick=null; 删除onclick属性
DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。
DOM0级事件处理程序:
var y=document.getElementById('btn2'); 取得btn2按钮对象。
btn2.onclick=function(){
alert('这是通过DOM0级添加的事件!')
}
btn2.onclick=null; 删除onclick属性
DOM0级事件处理程序
HTML事件处理
<html>
<head>
<title>事件流</title>
<meta charset="uft-8">
</head>
<body>
<div id=""box>
<input type="button" value="按钮" id="btn" onclick="showMes()">
<input type="button" value="按钮2" id="btn" >
</div>
<script>
function showMess(){
alert(‘hello world!’);}
var btn2=document.getElementById('by2');
btn2.onclick=function(){
alert('这是通过DOM0级添加的事件!');
btn2.onclick=null
</script>
<body>
</html>
DOM0级事件处理程序 :先把元素取出来,然后为其属性添加一个事件
DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。
它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。
优点:简单,跨浏览器的优势
var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象
btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件流</title>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn" onclick="showMes()">
<input type="button" value="按钮2" id="btn2" >
</div>
<script>
function showMes(){
alert('Hello Word');
}//存在处理程序缺点
var btn2=document.getElementById('btn2');
btn2.onclick=function () {
alert('这是通过DOM0级添加的事件!');
}//没有HTML事件处理程序缺点
btn2.onclick=null;//删除onclick属性
</script>
</body>
</html>
事件处理程序2:DOM0级事件处理程序
DOM0级事件处理程序:

var y=document.getElementById('btn2'); 取得btn2按钮对象。
btn2.onclick=function(){
alert('这是通过DOM0级添加的事件!')
}
btn2.onclick=null; 删除onclick属性
dom0
DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。
它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。
优点:简单,跨浏览器的优势
var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象
btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性
2.DOM0级事件处理程序
举例
html: <input type="button" value="点击" onclick="showmess()">
js: showmess(){
alert("hehe");
} //这是第一种
html: <input type="button" value="点击" id="but1">
js: var but1=document.getElementById("but1");
but1.onclik=function(){ //这样不存在HTML事件的缺点,改的时候就只要改一处(这里是只需修改函数)
alert("hahah");
} //这是DOM0级事件处理程序,即先把元素取出来,然后让这个事件以这个对象的属性的形式来添加好事件。
but1.onclick=null; //这样就清空了上面的事件
btn.onclick=null;//删除事件
btn.onclick=function() //添加事件