js把页面内容写入页面

本文介绍了如何利用JavaScript将数据动态地写入到网页中。通过定义数据并初始化页面,结合工具函数遍历循环,创建并填充li元素,实现内容的动态展示。这种方法常见于前端开发,用于增强用户体验。
摘要由CSDN通过智能技术生成

 这是效果图,但是没有其他效果,仅仅是一种将内容用js写入页面的方法。

在data里面给出我们想要写到页面的内容,这里注意需要进行页面初始化,写一个工具函数,在工具函数里面遍历循环,创建6个Li,然后innerHTMl写入页面数据结构中

 <script>
        var data ={
      imgArr:["./image/img/1.jpg","./image/img/2.jpg","./image/img/3.jpg","./image/img/4.jpg","./image/img/5.jpg","./image/img/6.jpg"],
      bigtitle:["米家智能门锁标准不是你不是那就好","MIJOY6寸相框摆台美观耐用自由百搭", "小米旅行箱 青春款 20英寸 黄色 20寸", "米家直流变频落地扇 白色", "烟灶套装(天然气)","贝医生0+防蛀健齿牙膏 100克"],
      smiltitle:["一体化活体指纹识别,多种开锁方式","小巧便携,一键唤醒小爱", "强健牙釉质,牙齿更坚固", "小巧便携,一键唤醒小爱", "环保材料,轻便重量", "用科技创造自然风"],
      Price1:["1.00元", "2.00元", "3.00元", "
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值