• 两个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>
  • 相关阅读:
    iOS中网络请求判断是否设置代理
    swif开发笔记12-Animations
    swift开发笔记11
    swift开发笔记06
    Idea热部署jrebel失败
    Oracle连接知识
    Idea安装及其简介
    博客园cnblog发布word
    en笔记音标
    测试案例小问题
  • 原文地址:https://www.cnblogs.com/wxhhts/p/9096366.html
Copyright © 2020-2023  润新知