av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 關于函數調用的問題,點擊事件的循環體不能循環這四個函數,但是用alert測試過循環體能循環。

瀏覽:68日期:2023-03-13 14:21:53

問題描述

點擊事件單獨調用每一個函數都沒問題,但是寫上循環體之后就不行了。函數單獨來說沒問題,我都是寫一個測試一個,然后點擊事件單獨的函數也能顯示但是有循環體就有問題了。<!DOCTYPE html><html lang='en'><head>

<meta charset='UTF-8'><title>Title</title><style> *{padding:0;margin: 0;} #btn{position: absolute;top:0;left:300px;} p{width: 50px;height:50px;position: absolute;top:0;left:0;background:green;font-size: 30px; text-align:center;color:red;line-height: 50px;cursor: pointer;}</style><script> window.onload=function () {var btn = document.getElementById('btn');var op = document.getElementsByTagName('p');function first() { { // btn.style.display = 'none';for (var i = 0; i < 5; i++) { document.body.innerHTML += ’<p>’ + i + ’</p>’;}for (i = 0; i < op.length; i++) { //op[i].index = i; if (i > op.length / 2) {op[i].style.left = i * 60 + 'px';op[i].style.top = (i - parseInt(op.length / 2)) * 60 + 'px'; } else { // alert(i);op[i].style.top = (parseInt(op.length / 2) - i) * 60 + 'px';op[i].style.left = i * 60 + 'px'; }} }}function second() { // btn.style.display='none'; for (var i = 0; i < 5; i++) { document.box2.innerHTML += ’<p id='box'>’ + i + ’</p>’; } for ( i = 0; i < op.length; i++) {//op[i].index = i;if(i>op.length/2){ op[i].style.left = (op.length-i -1)* 60 + 'px'; op[i].style.top=i*60+'px';}else { // alert( i); op[i].style.top = i* 60 + 'px'; op[i].style.left = i * 60 + 'px';} }}function three() {//btn.style.display = 'none';for (var i = 0; i < 5; i++) { document.body.innerHTML += ’<p>’ + i + ’</p>’;}for (i = 0; i < op.length; i++) { //op[i].index = i; if (i > op.length / 2) {op[i].style.left = (i - parseInt(op.length / 2)) * 60 + 'px';op[i].style.top = i * 60 + 'px'; } else {// alert( i);op[i].style.top = i * 60 + 'px';op[i].style.left = ( parseInt(op.length / 2) - i) * 60 + 'px'; }} }function four() { //btn.style.display='none'; for (var i = 0; i < 5; i++) {document.body.innerHTML += ’<p>’ + i +’</p>’; } for ( i = 0; i < op.length; i++) {op[i].index = i;if(i>op.length/2){ op[i].style.left = i * 60 + 'px'; op[i].style.top=(op.length-i-1)*60+'px';}else { op[i].style.top = i * 60 + 'px'; op[i].style.left = i * 60 + 'px';} }}var k=0;btn.onclick = function () { //if(k==0){alert(1)} if(k==0){first()} if(k==1){second()} if(k==2){three()} if(k==3){four()} k++; // first(); //second(); //three(); //four();} };</script>

</head><body><input type='button' value='點擊生成li'/></body></html>

問題解答

回答1:

document.body.innerHTML += ’<p>’ + i + ’</p>’;這一句導致的,因為你重新innerHTML之后,之前綁定的onclick沒有了,所有其實就執行一次k==0的情況而已

標簽: JavaScript
主站蜘蛛池模板: 福利视频二区 | 日韩免费| 中文字幕日韩欧美 | 久久久久亚洲精品 | a在线免费观看视频 | 国产欧美在线一区 | 亚洲网站在线观看 | 成人欧美一区二区三区白人 | 欧美一级做性受免费大片免费 | 精品一区二区视频 | 亚洲欧美一区二区三区视频 | 中文字幕国产一区 | 中文字幕91| 久久久久久国产精品免费免费男同 | 天天躁人人躁人人躁狂躁 | 国产欧美一级二级三级在线视频 | 欧美一区二区三区在线视频 | 九九九视频在线 | 精品欧美一区二区三区精品久久 | 久在线视频播放免费视频 | 免费av直接看 | 国产成人一区二 | 成人免费视频 | 免费成人在线网站 | 欧美中文字幕一区 | 国产一级片精品 | 精品视频久久久久久 | 在线中文字幕亚洲 | 久久大 | 男人的天堂中文字幕 | 欧美一区二区网站 | 在线视频一区二区三区 | 亚洲欧美综合精品久久成人 | 女同av亚洲女人天堂 | 日本在线视频一区二区 | 欧美日韩精品一区 | 国产精品美女久久久久aⅴ国产馆 | 狠狠操电影| 亚洲精品久久 | 免费观看av网站 | 天堂一区二区三区 |