問(wèn)題描述

用函數(shù)聲明的方式定義了一個(gè)改變?cè)豷tyle屬性的函數(shù)會(huì)報(bào)錯(cuò)

但是window.onload下不會(huì)報(bào)錯(cuò)

問(wèn)題解答

寶寶 這個(gè)和你用什么函數(shù)沒(méi)關(guān)系！是因?yàn)閛nload會(huì)把文檔加載完才觸發(fā) 而你肯定是因?yàn)槲臋n沒(méi)加載完 沒(méi)找到元素 所以才報(bào)錯(cuò) 把js放到元素下面

這和函數(shù)聲明和匿名沒(méi)有關(guān)系，而是和函數(shù)的調(diào)用時(shí)機(jī)有關(guān)系。改成這樣，還能找到和匿名函數(shù)的問(wèn)題么？

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

前者在調(diào)用時(shí)，box元素還沒(méi)有，所以報(bào)了錯(cuò)；后者在DOM ready后調(diào)用，所以可以執(zhí)行。你可以在change函數(shù)中l(wèi)og一下box對(duì)象看看。

問(wèn)題不是這個(gè)，你需要知道文檔是從上到下加載的，你把js文件放在了head里執(zhí)行到j(luò)s文件的時(shí)候，這個(gè)時(shí)候連body都還沒(méi)加載，自然無(wú)法獲取到box，也就無(wú)法設(shè)置css了。你可以把js文件放到body的尾部:

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

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