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

 时间:2026-02-12 11:45:58

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随机显示图片并设置宽高

  • bootstrap可视化工具的使用
  • HTML教程 table标签的常用属性
  • 如何用CSS修改不同input标签的样式
  • 如何使用NetBeans创建Java GUI 窗体应用程序
  • 如何在vs中修改QT窗口图标和名称?
  • 热门搜索
    福尔摩斯罪与罚攻略 中长发怎么扎丸子头 晚餐吃什么水果减肥 小孩子咳嗽怎么办 吃什么菜减肥 重生之嫡女攻略 恶魔城晓月圆舞曲攻略 西湖一日游攻略 油卡怎么办 仙剑奇侠传98柔情版攻略