如何在window.onscroll事件期间只调用一次javascript函数？

Question

function getH4() {
    var xyz = document.getElementsByClassName('bucket_left');
    for(var i=0;i<xyz.length;i++){
        var x=document.getElementsByTagName("h4")[i].innerHTML;
        var current_bucket = xyz[i];
        var y=current_bucket.firstChild.href;
        var newdiv = document.createElement('div');
        newdiv.innerHTML = "<a href=\""+y+"\">"+x+"</a>";
        newdiv.className = "hover_title_h4";
        current_bucket.appendChild(newdiv);
    }
}

window.onscroll=getH4;

在上面的代码中,我想div在div有一个类的s中追加new bucket_left,这div是通过无限滚动生成的.上面的代码工作正常,但在滚动它附加了这么多divs.那么我怎么只追加一次呢？

Answer 1

在函数末尾添加以下行:

function getH4() {
    // ...

    window.onscroll = null;
}