我试图按顺序插入数字，转换为div格式

Question

function yHandler(){ 
///page scroll loader 
var statusloader = document.getElementById('statusloader'); 
var contentHeight = statusloader.offsetHeight; 
var yOffset = window.pageYOffset; 
var y = yOffset + window.innerHeight; 
var i = 1; 
if(y >= contentHeight){ 
// Ajax call to get more status data goes here 
statusloader.innerHTML += '<div class="newData">'+ i++ +'</div>';} 
} 
window.onscroll = yHandler; 


statusloader.innerHTML += '<div class="newData">i++</div>';} 

这是创建div的行。我有我++在那里创建的数量1，然后在下一个DIV应该说数2补题时遇到了麻烦任何数量的出来

Answer 1

你要逃跑，如字符串：

statusloader.innerHTML += '<div class="newData">' + i++ + '</div>' 

问题是你所定义的变量i是一个局部变量，因此它总是会被重新设置为1，如果该功能yhandler被调用。

只要把VAR I = 1的函数定义

Answer 2

var i = 1; //place here it just ok 
function yHandler(){ 
///page scroll loader 
var statusloader = document.getElementById('statusloader'); 
var contentHeight = statusloader.offsetHeight; 
var yOffset = window.pageYOffset; 
var y = yOffset + window.innerHeight; 
//var i = 1; 
if(y >= contentHeight){ 
// Ajax call to get more status data goes here 
statusloader.innerHTML += '<div class="newData">'+ i++ +'</div>'; 
} 
}