加入收藏 | 设为首页 | 会员中心 | 我要投稿 51站长网 (https://www.51zhanzhang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
站内搜索:
当前位置: 首页 > 服务器 > 系统 > 正文

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

发布时间:2021-01-31 07:29:58 所属栏目:系统 来源:网络整理
导读:function getH4() { var xyz = document.getElementsByClassName('bucket_left'); for(var i=0;ixyz.length;i++){ var x=document.getElementsByTagName("h4")[i].innerHTML; var current_bucket = xyz[i]; var y=current_bucket.firstChild.href; var newdi

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;
}

(编辑:ASP站长)

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

    相关内容
    未处理完善
      无相关信息
    未处理完善