我這個是什么問題,代碼跟老師一樣呀,誰幫我看看
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UTF-8">
?? ??? ?<title></title>
?? ??? ?
?? ?<script type="text/javascript">
?? ??? ??? ? var btn1=document.getElementById("btn1");
//?? ??? ??? ? var box=document.getElementById("box");
//?? ??? ??? ? function showBox(){
//?? ??? ??? ? ?? ?alert("box");
//?? ??? ??? ? }
?? ??? ??? ? function showBtn(event){
?? ??? ??? ? ?? ?alert(event.type);
?? ??? ??? ? }
?? ??? ??? ? var eventUtil={
?? ??? ??? ? ?? ? addHandler:function(element,type,handler){
?? ??? ??? ? ?? ??? ?if (element.addEventListener){
?? ??? ??? ? ?? ??? ??? ?element.addEventListener(type,handler,false);
?? ??? ??? ? ?? ??? ?} else if(element.attachEvent){
?? ??? ??? ? ?? ??? ??? ?element.attachEvent('on'+type,handler);
?? ??? ??? ? ?? ??? ?}else{
?? ??? ??? ? ?? ??? ??? ?element['on'+type]=handler;
?? ??? ??? ? ?? ??? ?}
?? ??? ??? ? ?? ?},
?? ??? ??? ? ?? ? removeHandler:function(element,type,handler){
?? ??? ??? ? ?? ??? ?if (element.removeEventListener){
?? ??? ??? ? ?? ??? ??? ?element.removeEventListener(type,handler,false);
?? ??? ??? ? ?? ??? ?} else if(element.detachEvent){
?? ??? ??? ? ?? ??? ??? ?element.detachEvent('on'+type,handler);
?? ??? ??? ? ?? ??? ?}else{
?? ??? ??? ? ?? ??? ??? ?element['on'+type]=null;
?? ??? ??? ? ?? ??? ?}
?? ??? ??? ? ?? ?}
?? ??? ??? ? }
?? ??? ??? ? eventUtil.addHandler(btn1,'click',showBtn);
//?? ??? ??? ? eventUtil.addHandler(box,'click',showBox);
?? ?</script>
?? ?</head>
?? ?
?? ?<body >
?? ??? ?<!--<div id="box">-->
?? ??? ??? ?<input type="button" value="button" id="btn1"/>
?? ??? ?<!--</div>-->
?? ?</body>
</html>
2017-10-03
把script放在body最后 ,你放在開頭domready沒有完成不會執(zhí)行當(dāng)然你也可以用window.onload 或者jqeury的ready來完成。具體原因可以看慕課DOM探索之基礎(chǔ)詳解篇。html文件里的東西從上往下從左往右解析讀到哪解析到哪,放在前面先執(zhí)行了script里的但是下面的dom樹還沒生成找不到btn所以就會沒有反應(yīng)
2017-09-27
需要用window.onload = function(){}把script代碼包起來