JS自动生成若干条新闻并且只执行一次

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload=function(){
                var oBtn=document.getElementById('btn');
                var oUl=document.getElementById('list');
                var arr=['合肥南二环一货车被卡翡翠路桥底 车身进退两难动',
                        '合肥尝试彩叶树木替换杨树 4月前在滨湖森林公园',
                        '合肥掏粪工坚守19年 每年疏松万米下水道(图)',
                        '合肥传销组织包旅游大巴给新人洗脑 有人骗完亲姐',
                        '合肥打造排水“千里眼” 及时消除积水隐患',
                        '合肥城管首次网络直播执法过程',
                        '合肥又一大型商超没能挺过春天 世纪联华双岗店歇业'];
                var len=arr.length;
                var onOff=true;
                oBtn.onclick=function(){
                    if(onOff){
                        for(var i=0;i<len;i++){
                             oUl.innerHTML+='<li>'+arr[i]+'</li>';
                        }
                     onOff=false;
                    }
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="自动生成7条新闻" id="btn"/>
        <ul id="list"></ul>
    </body>
</html>

欢迎分享本文,转载请保留出处:前端ABC » JS自动生成若干条新闻并且只执行一次

赞 (1)
分享到:更多 ()

发表评论 0