問題描述

用函數聲明的方式定義了一個改變元素style屬性的函數會報錯

但是window.onload下不會報錯

問題解答

寶寶 這個和你用什么函數沒關系！是因為onload會把文檔加載完才觸發 而你肯定是因為文檔沒加載完 沒找到元素 所以才報錯 把js放到元素下面

這和函數聲明和匿名沒有關系，而是和函數的調用時機有關系。改成這樣，還能找到和匿名函數的問題么？

function change () { /* ... */ }window.onload = change

前者在調用時，box元素還沒有，所以報了錯；后者在DOM ready后調用，所以可以執行。你可以在change函數中log一下box對象看看。

問題不是這個，你需要知道文檔是從上到下加載的，你把js文件放在了head里執行到js文件的時候，這個時候連body都還沒加載，自然無法獲取到box，也就無法設置css了。你可以把js文件放到body的尾部:

...<script src='http://www.leifengta.com.cn/wenda/x.js'></script></body>

這樣就不需要window.onload了如果放在了head里面就需要在js文件頭部寫window.onload=function(){......}