JS鏈接跳轉(zhuǎn)
<div onclick="window.open('https://www.xxx.com')">在新窗口跳轉(zhuǎn)</div>
<div onclick="window.open('https://www.xxx.com','_self')">在當(dāng)前窗口跳轉(zhuǎn)至網(wǎng)站</div>
一個(gè)不錯(cuò)的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++){? ? ? ? ? ? ? ? ? //循環(huán)span標(biāo)簽
? ? span[i].idx = i;? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
//給span一個(gè)自定義的idx屬性宫补，將I賦值進(jìn)去，因?yàn)橄逻叺难h(huán)不能直接拿到這個(gè)循環(huán)的i
? ? span[i].onclick = function(){
? ? ? ? for(var j=0;j<div.length;j++){? ? ? ? //循環(huán)div標(biāo)簽
? ? ? ? ? ? div[j].style.display = 'none';? ? //每次點(diǎn)擊都先隱藏掉div妹沙，并移除class
? ? ? ? ? ? span[j].classList.remove('active');
? ? ? ? }
? ? ? ? div[this.idx].style.display = 'block';? ? ? ? ? //給當(dāng)前div顯示出來
? ? ? ? this.classList.add('active');? ? ? ? ? ? ? ? ? ? ? //增加class
? ? }
}
</script>
