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

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;

在上面的代码中,我想在具有类bucket_left的div组中追加新的div,并且这个div是从无限滚动生成的.上面的代码工作正常,但在滚动它附加了这么多的div.
那么我怎么只追加一次呢？

解决方法

在函数末尾添加以下行：

function getH4() {
    // ...

    window.onscroll = null;
}