                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

DOM 0級問題為什么按鈕不響應(yīng)，提示錯誤是btn2是空

var btn2=document.getElementById("btn2");//取出按鈕2

btn2.onclick=function(){ //function ()是匿名函數(shù)

window.alert("這是DOM 0級調(diào)用的事件");

}

一墨飛雪

2016-04-24

源自：DOM事件探秘 2-2

關(guān)注問題我要回答

1213

操作

收起

3 回答

Wei丶Haijun 回答被采納 +3 積分
2016-04-24

如果你的id沒有寫錯的話，很可能是在執(zhí)行g(shù)etElementById的時候 btn2還沒有創(chuàng)建出來，你可以像下面這樣寫。

window.onload?=?function()?{
???//...?寫上你的代碼?
}

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一墨飛雪提問者

非常感謝！

2016-04-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

一墨飛雪提問者

為什么這樣寫就可以？多謝多謝

2016-04-24 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Wei丶Haijun 回復(fù) 一墨飛雪提問者

HTML是從上之下順序解析的，你在<head></head>里面導(dǎo)入的js肯定要比<body></body>里面的內(nèi)容先解析，所以在執(zhí)行js代碼的時候會獲取不到btn2；如果寫在window.onload里面，會等到整個文檔流加載完畢之后才會執(zhí)行。

2016-04-24 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

慕瓜3744089
2016-06-03

? ? ? ?var btn2=document.getElementById("btn2");

? ? ? ? ?function bt1(){

? ? ? window.open('http://www.baidu.com','_blank','width=300 height=200','tooler=no');

? ? ? ?}

?btn2.onclick="bt1()";

</script>

這個完全沒有反應(yīng)哈，怎么回事

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕函數(shù)9642432

<input type="button" value="登陸" id="btn2" > <script type="text/javascript"> var btn=document.getElementById("btn2"); btn.onclick=function(){ window.open('http://www.baidu.com','_blank','width=300 height=200'); }; </script>

2016-07-31 回復(fù) 有任何疑惑可以回復(fù)我~