JS问题收集

JS链接跳转

<div onclick="window.open('https://www.xxx.com')">在新窗口跳转</div>

<div onclick="window.open('https://www.xxx.com','_self')">在当前窗口跳转至网站</div>

一个不错的tab

代码

<div class="tab" id="tab">

    <span class="active">menu1</span>

    <span>menu2</span>

</div>

<div class="tabdiv">

    <div class="tabpane">

        11111111111

    </div>

    <div class="tabpane">

        22222222222

    </div>

</div>

<script type="text/javascript">

var span = document.querySelectorAll('#tab span'),      //css选择器

    div = document.querySelectorAll('.tabpane');

for(var i=0;i<span.length;i++){                  //循环span标签

    span[i].idx = i;                                   

//给span一个自定义的idx属性，将I赋值进去，因为下边的循环不能直接拿到这个循环的i

    span[i].onclick = function(){

        for(var j=0;j<div.length;j++){        //循环div标签

            div[j].style.display = 'none';    //每次点击都先隐藏掉div，并移除class

            span[j].classList.remove('active');

        }

        div[this.idx].style.display = 'block';          //给当前div显示出来

        this.classList.add('active');                      //增加class

    }

}

</script>