张子豪在初学网页建造的时辰，经常会往页面中添加一些图片，有时辰添加一张两张的没什么，可是添加多个的什么就有些麻烦，这时我们就可用 js 做一个轮回，来节流代码量；
东西/原料
- 电脑
- Sublime text 2
方式/步调
- 1
静态页面比力简单建造这里只是简单的演示一下事例，所以就写一个简单的页面结构，一个按钮 button，用来触发事务，一个 div 用来容纳图片
- 2
简单的添加一些样式，
text-align：center；将元素放到页面中心；
别的的就是将div的边框显示出来；
- 3
之后起头用 js 节制，script 标签中 先界说 变量 oBut 和 oDIv ，别离对应 按钮 button和 div；以此便于后面操控；
- 4
这里界说一个空的 变量 ，其实就是用来担任数组的职责，用来后面庞纳图片，便于之后挪用
- 5
这里就是用 onclick 来写一个点击事务，
点击 按钮button 触发轮回 ，将 一一对应那的图片路径存放到 str 中
之后再将 str 中的图片路径放入 div中，如许就可以实现批量添加图片的目标了；
要注重的是图片的文件名最好 如图二 一样，如许便于轮回挪用；
注重事项
- 仅作分享；
来源：百闻（微信/QQ号：9397569），转载请保留出处和链接！
本文链接：https://www.ibaiwen.com/web/239765.html
- 上一篇： Creo软件如何建立基准点
- 下一篇： 如何给Word文档设置背景图案
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)？
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)？
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)？
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497