接上一篇前端面試題

5.問(wèn):display:none與visibility:hidden有什么區(qū)別？ 首先，這兩個(gè)都是隱藏元素的方法，區(qū)別存在于元素是否還會(huì)占據(jù)原來(lái)的位置。 display:none生效時(shí)，元素不占據(jù)原位置，由后面的元素接上。 而visibility:hidden還會(huì)占據(jù)原來(lái)的位置，只是不可見(jiàn)了。

附上兩個(gè)自己想到的小問(wèn)題 5.1問(wèn):被設(shè)置為visibility:hidden的元素被綁定click事件的元素能夠被點(diǎn)擊嗎？ 不能被點(diǎn)擊 5.2問(wèn):display:none的元素是否會(huì)被網(wǎng)頁(yè)加載呢？ 會(huì)。根據(jù)我的理解，結(jié)合我查到的資料，結(jié)構(gòu)與樣式分離，應(yīng)該是html代碼會(huì)把該元素加載進(jìn)來(lái)，而根據(jù)CSS渲染出來(lái)，所以該元素會(huì)加載進(jìn)來(lái)。