                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /展开与收起效果

请问大神，我为什么在window.onload的匿名函数里面写显示、隐藏的方法就错了，去掉window.onload就正确了？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="commend_prop">
			<p>手机-商品筛选</p>
			<p>网络：移动、电信、联通</p>
			<p>CPU核数：十核 八核 双四核 四核 双核 单核 无 其他</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");//开关内容
				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="更多选项";
				}

}