JS原生循环生成元素

TesterHome 发布于2019-08-23 18:41 / 3528人阅读

摘要：根据一个数组，在页面加载时循环生成相似的元素文件中写法移动互联网实验室前端网站静态图片路径前端知识库四川省教育综合改革试点项目管理系统中的写法

根据一个数组，在页面加载时循环生成相似的元素

XXX

js文件中写法

window.onload = function ()
{
    var focus_Box=document.getElementById("ul");
    var projectList=[
    {
        address:"http://www.xiexianbo.xin/",
        title:"移动互联网实验室前端网站",
        picName:"images/xiexianbo.jpg",//静态图片路径
    },
    {
        address:"http://reference.xiexianbo.xin/",
        title:"前端知识库",
        picName:"images/gitbook.png",
    },
    {
        address:"http://120.79.79.93:9005/user/login",
        title:"四川省教育综合改革试点项目管理系统",
        picName:"images/Education.jpg",
    },
    ];
    
       var content = "";
        for (var i = 0; i < projectList.length; i++) {
            content += "";
            content += "";
             content += "";
            content += "";
            content += "";
            content += "";
            content += "";
            content += "
";
            content += "
";
        }
    focus_Box.innerHTML=content;
    
    new ZoomPic("focus_Box");
    
};

body中的写法

云服务器 GPU云服务器原生js查找元素原生js获取元素原生js添加元素 js取原生当前元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105670.html

【前端性能优化】高性能JavaScript整理总结

摘要：然后执行环境会创建一个活动对象，活动对象作为函数运行的变量对象，包含所有局部变量命名参数参数集合和，当执行环境销毁，活动对象也被销毁。高性能JavaScript整理总结关于前端性能优化：首先想到的是雅虎军规34条然后最近看了《高性能JavaScript》大概的把书中提到大部分知识梳理了下并加上部分个人理解这本书有参考雅虎特别性能小组的研究成果，所以跟34 军规有很多相似之处有不当之...

zzbo 2019-08-02 16:01 评论0 收藏0
【前端性能优化】高性能JavaScript整理总结

摘要：然后执行环境会创建一个活动对象，活动对象作为函数运行的变量对象，包含所有局部变量命名参数参数集合和，当执行环境销毁，活动对象也被销毁。高性能JavaScript整理总结关于前端性能优化：首先想到的是雅虎军规34条然后最近看了《高性能JavaScript》大概的把书中提到大部分知识梳理了下并加上部分个人理解这本书有参考雅虎特别性能小组的研究成果，所以跟34 军规有很多相似之处有不当之...

bovenson 2019-08-22 15:41 评论0 收藏0
回到基础：如何用原生 DOM API 生成表格

摘要：接下来该填表了生成行和单元格为了填充表格可以遵循同样的方法，但这次我们需要迭代数组中的每个对象。对于每个对象，我们可以使用生成单元格。翻译：疯狂的技术宅原文：https://www.valentinog.com/bl... 本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术文章怎样用原生 JavaScript 生成表格需？本文告诉你答案！...

Sunxb 2019-08-26 13:34 评论0 收藏0
原生js实现replace方法

摘要：今天看到有人提问的方法怎么实现的，自己就试了试手册里的对象的介绍大概是这样第一个参数声明了要替换的模式的对象。第二个参数一个字符串，声明的是替换文本或生成替换文本的函数。在调用非全局对象的方法时，返回的数组与调用方法返回的方法相同。今天看到有人提问js的replace方法怎么实现的，自己就试了试js手册里的String对象的介绍replace大概是这样： string.replac...

teren 2019-08-22 15:38 评论0 收藏0