养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Javascript随机显示图片并设置宽高

时间:2024-09-20 20:24:10

Javascript随机显示图片并设置宽高首要用js获金泫险缋取到随机数,然后在有跟随机数相匹配的图片来显示,当触发js代码时候通过src属性来改变图片的显示的路径

工具/原料

编辑器

浏览器

方法/步骤

1、创建一个名称为random的html文件

Javascript随机显示图片并设置宽高

2、添加一个图片并设置id和图片路径

Javascript随机显示图片并设置宽高

3、添加一个button按钮,在点击事件中加入自定义函数myrandom添加一p标签,设置id为showrandom

Javascript随机显示图片并设置宽高

4、在javascript中创建一个自定义函数myrandom

Javascript随机显示图片并设置宽高

5、在自定义函数中用random函数获取随0-3的随机数,然后用src属性修改跟随机数螽啸镥释相匹配的图片名称,分别用width和height属性设置图片的高度和宽度

Javascript随机显示图片并设置宽高

6、在浏览器中打开文件,点击button每一次点击都会显示不同的图片,并设置了图片的宽度和高度

Javascript随机显示图片并设置宽高

Javascript随机显示图片并设置宽高

© 一点知识