請問大神,我為什么在window.onload的匿名函數(shù)里面寫顯示、隱藏的方法就錯了,去掉window.onload就正確了?
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"?/> <title></title> </head> <body> <div?id="commend_prop"> <p>手機-商品篩選</p> <p>網(wǎng)絡(luò):移動、電信、聯(lián)通</p> <p>CPU核數(shù):十核?八核?雙四核?四核?雙核?單核?無?其他</p> <div?id="more_prop"?style="display:?none;"> <p>像素:1600萬以上?1000-1600萬?500-1000萬?500萬以下?無?其他</p> </div> </div> <div> <a?href="javascript:showdiv();"?class="open"?id="href_toggler"?">更多選項</a> </div> <script?type="text/javascript">
????????????????????????????????????????????? window.onload=function(){
????????????????var?moreProp=document.getElementById("more_prop");//隱藏的更多選項 var?href_toggler=document.getElementById("href_toggler");//開關(guān)內(nèi)容 function?showdiv()?{ console.log(moreProp); moreProp.style.display="block"; href_toggler.href="javascript:hidediv();"; href_toggler.innerHTML="精簡選項"; } function?hidediv()?{ moreProp.style.display="none"; href_toggler.href="javascript:showdiv();"; href_toggler.innerHTML="更多選項"; }
????????????????????????????????????????????} ?
</script> </body> </html>
2016-10-21
不用寫window.onload,你的js寫在了body的最后面,代碼是從上到下執(zhí)行的,頁面中的元素加載完就執(zhí)行js代碼,而window.onload的意思是等到頁面加載完成后再執(zhí)行。如果js代碼寫在head里面就要寫window.onload。
2017-01-01
同樣的情況,我把它放在了head頭部中也不行,得去掉window.onload才行,這是為什么呢?
2017-01-01
我把它放在head中也不行啊