                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /展開(kāi)與收起效果

請(qǐng)問(wèn)大神，我為什么在window.onload的匿名函數(shù)里面寫(xiě)顯示、隱藏的方法就錯(cuò)了，去掉window.onload就正確了？

<!DOCTYPE?html>
<html>
	<head>
		<meta?charset="utf-8"?/>
		<title></title>
	</head>
	<body>
		<div?id="commend_prop">
			<p>手機(jī)-商品篩選</p>
			<p>網(wǎng)絡(luò)：移動(dòng)、電信、聯(lián)通</p>
			<p>CPU核數(shù)：十核?八核?雙四核?四核?雙核?單核?無(wú)?其他</p>
			<div?id="more_prop"?style="display:?none;">
				<p>像素：1600萬(wàn)以上?1000-1600萬(wàn)?500-1000萬(wàn)?500萬(wàn)以下?無(wú)?其他</p>
			</div>
		</div>
		<div>
			<a?href="javascript:showdiv();"?class="open"?id="href_toggler"?">更多選項(xiàng)</a>
			
		</div>
		<script?type="text/javascript">

????????????????????????????????????????????? window.onload=function(){

????????????????var?moreProp=document.getElementById("more_prop");//隱藏的更多選項(xiàng)
				var?href_toggler=document.getElementById("href_toggler");//開(kāi)關(guān)內(nèi)容
				function?showdiv()?{
					console.log(moreProp);

					moreProp.style.display="block";
					href_toggler.href="javascript:hidediv();";
					href_toggler.innerHTML="精簡(jiǎn)選項(xiàng)";
				}
				function?hidediv()?{
					moreProp.style.display="none";
					href_toggler.href="javascript:showdiv();";
					href_toggler.innerHTML="更多選項(xiàng)";
				}

????????????????????????????????????????????} ?

		</script>
	</body>
</html>

紅衣々主教

2016-10-20

源自：展開(kāi)與收起效果 2-5

關(guān)注問(wèn)題我要回答

1881

操作

收起

3 回答

ZhaoYuShu 回答被采納 +3 積分
2016-10-21

不用寫(xiě)window.onload,你的js寫(xiě)在了body的最后面，代碼是從上到下執(zhí)行的，頁(yè)面中的元素加載完就執(zhí)行js代碼，而window.onload的意思是等到頁(yè)面加載完成后再執(zhí)行。如果js代碼寫(xiě)在head里面就要寫(xiě)window.onload。