window.load函数是在鼠标首次点击加载吗?为什么使用下面的方式写的时候鼠标第一次单击会没有反应?
<script type="text/javascript">window.onclick= function(){//使用window.onload会使反应变慢? //获取每个元素的值 var listbtn=document.getElementById('btn1'); var carbtn=document.getElementById('btn2'); var imgs=document.getElementsByTagName('img'); //改变元素的值 listbtn.onclick=function(){ listbtn.className='list-btn-on'; carbtn.className='car-btn-off' for(var i=0;i<imgs.length;i++){ imgs[i].src='http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg'; imgs[i].parentNode.className='a-img small'; } } carbtn.onclick=function(){ listbtn.className='list-btn-off'; carbtn.className='car-btn-on' for(var i=0;i<imgs.length;i++){ imgs[i].src='http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg'; imgs[i].parentNode.className='a-img'; } } }</script>
放在window.onload=function(){}里面写如果内容稍大一点的话
效果可以实现,但是在第一次鼠标单击的时候页面没有反应,用的是firefox/IE/360浏览器测试的
如果不用window.onload将script函数而是将代码放到行内的话就不会出现第一次单击没有反应的问题了
我认为是函数加载的原因造成的