两个js 在同一个页面加载,结果只有一个出现效果,排查之window..onload

今天在写一个页面判断。写好后放到页面里运行,然后发现左侧导航栏的js不齐作用了,百思不得其解,也没有变量冲突啊,后来上网一查,才知道原来是

window.onload搞的鬼,因为我的两个js中都有用到。所以就导致一个失效,一般都是前一个失效。

,,,,,,,然后我的代码就这样写了:

很粗暴的把两个js弄成一个。o(╥﹏╥)o

<script type="text/javascript">
window.onload=function get(){
var value=document.getElementsByClassName("sd1");
for(var i=0;i<value.length;i++){

if(value[i].innerHTML==0){

value[i].innerHTML="未审核";
document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;
}
else if (value[i].innerHTML==1) {
value[i].innerHTML="审核通过";
document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;
}
else if(value[i].innerHTML==2){
value[i].innerHTML="审核中";
document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;
}

//下面的是导航栏


var oMenu = document.getElementById('menu');
var aH2 = oMenu.getElementsByTagName('h2');
var aUl = oMenu.getElementsByTagName('ul');

for(var i = 0; i < aH2.length; i++) {
aH2[i].index = i; /*遍历h2节点,将值赋给索引位置*/
aH2[i].onclick = function() { /* 点击h2触发*/
for(var i = 0; i < aUl.length; i++) { /*遍历ul节点*/
if(i == this.index) { /*如果h2索引和ul索引i一样时*/
if( aUl[this.index].style.display == 'block') /* 如果一开始就是展开block*/
{
aUl[this.index].style.display = 'none'; /*那就收起吧*/
aH2[this.index].className = "active11"; /*蓝色*/
}
else {
aUl[this.index].style.display = 'block'; /*没满足上面的if时,展开*/
aH2[this.index].className = 'active'; /*红色*/
}
} else {
aUl[i].style.display ='none'; /*点击的index与i不一样的display为none 收起*/
aH2[i].className = "active11";
}
}
}
}
}
</script>

猜你喜欢

转载自www.cnblogs.com/wxhhts/p/9096366.html