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

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

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

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

。。。。。。。。。。。。。。。。。。。。。。。。2018——6——9更新,其实我还可以应该这样写的:

window.onload=function(){

fangfa_1();

fangfa_2();

}

----------------------------------------------------------------------------

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

 1 <script type="text/javascript">
 2 window.onload=function get(){
 3 var value=document.getElementsByClassName("sd1");
 4 for(var i=0;i<value.length;i++){
 5 
 6 if(value[i].innerHTML==0){
 7 
 8 value[i].innerHTML="未审核";
 9 document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;
10 }
11 else if (value[i].innerHTML==1) {
12 value[i].innerHTML="审核通过";
13 document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;
14 }
15 else if(value[i].innerHTML==2){
16 value[i].innerHTML="审核中";
17 document.getElementsByClassName("sd1").innerHTML=value[i].innerHTML;    
18 }
19 } 

//下面的是导航栏

 1 var oMenu = document.getElementById('menu');
 2 var aH2 = oMenu.getElementsByTagName('h2');
 3 var aUl = oMenu.getElementsByTagName('ul');
 4 
 5 for(var i = 0; i < aH2.length; i++) {
 6 aH2[i].index = i; /*遍历h2节点,将值赋给索引位置*/
 7 aH2[i].onclick = function() { /* 点击h2触发*/ 
 8 for(var i = 0; i < aUl.length; i++) { /*遍历ul节点*/
 9 if(i == this.index) { /*如果h2索引和ul索引i一样时*/
10 if( aUl[this.index].style.display == 'block') /* 如果一开始就是展开block*/
11 {
12 aUl[this.index].style.display = 'none'; /*那就收起吧*/
13 aH2[this.index].className = "active11"; /*蓝色*/
14 } 
15 else {
16 aUl[this.index].style.display = 'block'; /*没满足上面的if时,展开*/
17 aH2[this.index].className = 'active'; /*红色*/
18 }
19 } else {
20 aUl[i].style.display ='none'; /*点击的index与i不一样的display为none 收起*/
21 aH2[i].className = "active11";
22 }
23 }
24 }
25 }
26 } 
27 </script>
原文地址:https://www.cnblogs.com/wxhhts/p/9096366.html