javascript - 為什么當index等于5的時候，不在當前頁面跳轉(zhuǎn)到百度？不跳轉(zhuǎn)的代碼在倒數(shù)第五行
問題描述
<!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>點擊下方切換圖片</h1><ul id='pic'><li><a href='http://www.gepszalag.com/wenda/1.jpg'>圖片一</a></li><li><a href='http://www.gepszalag.com/wenda/2.jpg'>圖片二</a></li><li><a href='http://www.gepszalag.com/wenda/3.jpg'>圖片三</a></li><li><a href='http://www.gepszalag.com/wenda/4.jpg'>圖片四</a></li></ul>
<p><img src='http://www.gepszalag.com/wenda/1.jpg' alt='圖片' /><img src='http://www.gepszalag.com/wenda/5.jpg' alt='圖片' /><img src='http://www.gepszalag.com/wenda/2.jpg' alt='圖片' /></p><h1 id='index'>0</h1>
</body></html><script>
//要實現(xiàn)的功能1：點擊圖片按鈕時，中間圖片為當前圖片//2.中間圖片切換時，左邊切換成當前圖片的上一張，右邊切換成當前圖片的下一張；
//1.取出所有的A標。 2.點擊圖片按鈕時切換圖片 3.點擊當前圖片時，找出上一個兄弟元素，和下一個兄弟元素href的值 4.判斷當點擊第一個圖片最后，讓左邊圖片顯示最后一個//5.判斷當點擊最后一個圖片時候，讓右邊圖片顯示成第一個i額//第一步，取出所有的A標簽var pic = document.getElementById(’pic’).getElementsByTagName(’a’); //第一步，取出所有的A標簽//循環(huán)遍歷所有的A標簽for (var i = 0; i < pic.length; i++) { //給所有的A標簽綁定點擊事件 pic[i].onclick = function () {changeIndex();console.log(this);//取出當前點擊的href的值thisHerf = this.getAttribute(’href’);//取出ID為pid的元素var pid = document.getElementById(’pid’);//g給ID為pid的img元素的src賦值pid.setAttribute('src', thisHerf);//取出當前點擊圖片的上一個A標簽var aA = this.parentNode;//去當前父元素var aB = aA.previousSibling;//父元素的上一個兄弟元素var aE = aA.nextSibling;//父元素的下一個兄弟元素//左邊圖片切換if (aB != null) { var aC = aB.firstChild;//父元素的上一個兄弟元素的A標簽 var aD = aC.getAttribute(’href’)//取出上一個A標簽的href值 pid.previousSibling.setAttribute(’src’, aD);}//判斷當上一個元素不為空的時候，給id為pid 的img元素的上一個兄弟元素src賦值else { pid.previousSibling.setAttribute(’src’, ’4.jpg’)}//判斷當上一個元素為空的時候，給id為pid 的img元素的上一個兄弟元素src直接賦值最后一個href的值//右邊圖片切換if (aE != null) { var aF = aE.firstChild//父元素下一個兄弟元素的A標簽 var aJ = aF.getAttribute(’href’)//取出上一個A標簽的href值 pid.nextSibling.setAttribute(’src’, aJ);}//判斷當下一個元素不為空的時候，給id為pid 的img元素的下一個兄弟元素src賦值else { pid.nextSibling.setAttribute(’src’, ’1.jpg’)}//判斷當下一個元素為空的時候，給id為pid 的img元素的下一個兄弟元素src直接賦值第一個href的值
return false;//返回false不運行A標簽本身自帶的點擊事件 }}
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>
問題解答
回答1：我這chrome和firefox點五次都正常跳轉(zhuǎn)了啊是不是你那邊有廣告攔截什么的？
網(wǎng)公網(wǎng)安備