javascript - 為什么當(dāng)index等于5的時(shí)候，不在當(dāng)前頁(yè)面跳轉(zhuǎn)到百度？不跳轉(zhuǎn)的代碼在倒數(shù)第五行
問(wèn)題描述
<!DOCTYPE html><html><head>
<title></title><meta charset='utf-8'><style type='text/css'> * {margin: 0;padding: 0; } h1 {height: 100px;line-height: 100px;text-align: center;background: #dccccc; } ul {width: 800px;margin: 0 auto; }ul li { list-style: none;}
ul li a {width: 200px;height: 50px;line-height: 50px;text-align: center;display: block;float: left;background: #808080; }ul li a:hover { background: #ff6a00;} p {width: 1240px;height: 300px;margin: 55px auto; }p img { display: block; float: left; margin-left: 10px;} h2 {height: 100px;line-height: 100px;text-align: center;background: #dccccc;margin-top: -30px; }</style>
</head><body>
<h1>點(diǎn)擊下方切換圖片</h1><ul id='pic'><li><a href='http://www.cgvv.com.cn/wenda/1.jpg'>圖片一</a></li><li><a href='http://www.cgvv.com.cn/wenda/2.jpg'>圖片二</a></li><li><a href='http://www.cgvv.com.cn/wenda/3.jpg'>圖片三</a></li><li><a href='http://www.cgvv.com.cn/wenda/4.jpg'>圖片四</a></li></ul>
<p><img src='http://www.cgvv.com.cn/wenda/1.jpg' alt='圖片' /><img src='http://www.cgvv.com.cn/wenda/5.jpg' alt='圖片' /><img src='http://www.cgvv.com.cn/wenda/2.jpg' alt='圖片' /></p><h1 id='index'>0</h1>
</body></html><script>
//要實(shí)現(xiàn)的功能1：點(diǎn)擊圖片按鈕時(shí)，中間圖片為當(dāng)前圖片//2.中間圖片切換時(shí)，左邊切換成當(dāng)前圖片的上一張，右邊切換成當(dāng)前圖片的下一張；
//1.取出所有的A標(biāo)。 2.點(diǎn)擊圖片按鈕時(shí)切換圖片 3.點(diǎn)擊當(dāng)前圖片時(shí)，找出上一個(gè)兄弟元素，和下一個(gè)兄弟元素href的值 4.判斷當(dāng)點(diǎn)擊第一個(gè)圖片最后，讓左邊圖片顯示最后一個(gè)//5.判斷當(dāng)點(diǎn)擊最后一個(gè)圖片時(shí)候，讓右邊圖片顯示成第一個(gè)i額//第一步，取出所有的A標(biāo)簽var pic = document.getElementById(’pic’).getElementsByTagName(’a’); //第一步，取出所有的A標(biāo)簽//循環(huán)遍歷所有的A標(biāo)簽for (var i = 0; i < pic.length; i++) { //給所有的A標(biāo)簽綁定點(diǎn)擊事件 pic[i].onclick = function () {changeIndex();console.log(this);//取出當(dāng)前點(diǎn)擊的href的值thisHerf = this.getAttribute(’href’);//取出ID為pid的元素var pid = document.getElementById(’pid’);//g給ID為pid的img元素的src賦值pid.setAttribute('src', thisHerf);//取出當(dāng)前點(diǎn)擊圖片的上一個(gè)A標(biāo)簽var aA = this.parentNode;//去當(dāng)前父元素var aB = aA.previousSibling;//父元素的上一個(gè)兄弟元素var aE = aA.nextSibling;//父元素的下一個(gè)兄弟元素//左邊圖片切換if (aB != null) { var aC = aB.firstChild;//父元素的上一個(gè)兄弟元素的A標(biāo)簽 var aD = aC.getAttribute(’href’)//取出上一個(gè)A標(biāo)簽的href值 pid.previousSibling.setAttribute(’src’, aD);}//判斷當(dāng)上一個(gè)元素不為空的時(shí)候，給id為pid 的img元素的上一個(gè)兄弟元素src賦值else { pid.previousSibling.setAttribute(’src’, ’4.jpg’)}//判斷當(dāng)上一個(gè)元素為空的時(shí)候，給id為pid 的img元素的上一個(gè)兄弟元素src直接賦值最后一個(gè)href的值//右邊圖片切換if (aE != null) { var aF = aE.firstChild//父元素下一個(gè)兄弟元素的A標(biāo)簽 var aJ = aF.getAttribute(’href’)//取出上一個(gè)A標(biāo)簽的href值 pid.nextSibling.setAttribute(’src’, aJ);}//判斷當(dāng)下一個(gè)元素不為空的時(shí)候，給id為pid 的img元素的下一個(gè)兄弟元素src賦值else { pid.nextSibling.setAttribute(’src’, ’1.jpg’)}//判斷當(dāng)下一個(gè)元素為空的時(shí)候，給id為pid 的img元素的下一個(gè)兄弟元素src直接賦值第一個(gè)href的值
return false;//返回false不運(yùn)行A標(biāo)簽本身自帶的點(diǎn)擊事件 }}
function changeIndex() { var index = parseInt(document.getElementById(’index’).innerHTML); index += 1; document.getElementById(’index’).innerHTML = index; if (index % 5 == 0) {console.log(1);window.location.; } return false;}
</script>
問(wèn)題解答
回答1：我這chrome和firefox點(diǎn)五次都正常跳轉(zhuǎn)了啊是不是你那邊有廣告攔截什么的？
網(wǎng)公網(wǎng)安備