為什么按鈕3,4都讀取不出來
<!DOCTYPE html>
<html>
<head>
<title>事件流</title>
<mete charset="utf-8"></mete>
</head>
<body>
<script type="text/javascript">
function jw(){
alert("第二種");
}
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
btn3.onclick=function(){
alert('這是DOM0級處理方法');
}
// DOM2級事件
btn4.addEventListener('click',jw,false);
</script>
<div id="box">
<input type="button" ?value="按鈕" id="btn" onclick="alert('first')">
<input type="button" ?value="按鈕1" ?id="btn2" ?onclick="jw()">
<input type="button" ?value="按鈕2" ?id="btn3">
<input type="button" ?value="按鈕3" ?id="btn4">
</div>
</body>
</html>
2016-07-04
<!DOCTYPE html>
<html>
<head>
<title>事件流</title>
<mete charset="utf-8"></mete>
</head>
<body>
<div id="box">
<input type="button" ?value="按鈕" id="btn" onclick="alert('first')">
<input type="button" ?value="按鈕1" ?id="btn2" ?onclick="jw()">
<input type="button" ?value="按鈕2" ?id="btn3">
<input type="button" ?value="按鈕3" ?id="btn4">
</div>
<script type="text/javascript">
function jw(){
alert("第二種");
}
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
btn3.onclick=function(){
alert('這是DOM0級處理方法');
}
// DOM2級事件
btn4.addEventListener('click',jw,false);
</script>
</body>
</html>
把JS的代碼放到HTML代碼之后就可以了，親測~！
2016-04-27
window.onload = function(){
function jw(){
alert("第二種");
}
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
btn3.onclick=function(){
alert('這是DOM0級處理方法');
}
// DOM2級事件
btn4.addEventListener('click',jw,false);
}
2016-04-27
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
if(btn3.addEventListener){
????????btn4.addEventListener('click',jw,false);
}
else if(btn3.attachEvent){
????????btn3.attachEvent('onclick',jw)
}
else{
????????btn3.onclick=jw;
}
試試看btn3有沒有用？你前面寫的兩種添加click事件的方法，可能正好你運行的瀏覽器都不支持，我這里比你多一種添加click事件方法，可能會有用