首頁猿問一個段簡單的js代碼，一直提示變量...

一個段簡單的js代碼，一直提示變量沒有定義

JavaScript

ibeautiful 2018-10-10 13:14:01

想做一個點(diǎn)擊按鈕后，一段文字出現(xiàn)在屏幕上，剛剛開始學(xué)js，console里一直提示 pickme is not defined。 <html> <head> <title>測試</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript"> window.onload = function() { function pickme() { var pickup = document.getElementById('pickup'); var textbox =document.getElementById('textbox'); textbox.innerHTML="你點(diǎn)擊了按鈕"; } } </script> </head> <body> <div style="background-color: #dddddd;height:400px;"> </div> <div id="textbox" style="height: 200px;"> <button id="pickup" onclick="pickme()" type="button" style="margin: 15px;width: 100px;height:50px;">按鈕</button> </div> </body> </html>

查看完整描述

1 回答

人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個贊

原因如樓上所說。
若擔(dān)心文檔未加載完，用戶觸發(fā)事件，可以這樣：

<script type="text/javascript">window.onload = function() {    function pickme() {        
var pickup = document.getElementById('pickup');        var textbox =document.getElementById('textbox');
        textbox.innerHTML="你點(diǎn)擊了按鈕";
    }    document.getElementById('pickup').addEventListener('click',pickme)
}
</script>

另為避免腳本影響文檔渲染，不是必須放在前面的，建議放到文檔后面，即 </body> 之前。

反對回復(fù) 2018-11-09