JavaScript数组倒序;js数组倒序

 时间:2024-10-15 12:32:17

1、打开html开发工具,新建一个html文件。如图

JavaScript数组倒序;js数组倒序

2、在html代码页面上创建一个用来点击后实现倒序的button按钮,然后给这个按钮设置一个id。如图:

JavaScript数组倒序;js数组倒序

3、创建JavaScript自动加载事件。如图:代码:<script type="text/javascript"> window.onload=function(){} </script>

JavaScript数组倒序;js数组倒序

4、创建用来倒序的数组,同时使用document.getElementById获取button按钮的id。如图:

JavaScript数组倒序;js数组倒序

5、为button按钮创建点击事件。点击button按钮后弹出一个数组和数组倒序的内容。如图:代码:reverse.on艘早祓胂click=function(){ alert("数组:"+arr+" 数组倒序:"+arr.reverse()); }

JavaScript数组倒序;js数组倒序

6、保存html文件,使用浏览器打开,点击button按钮即可看到数组的倒序。如图:

JavaScript数组倒序;js数组倒序

7、所有代码。可以直接把所有代码复制到新建的html文件上,保存后使用浏览器打开即可看到效果。如图所有代码:<!DOCTYPE html>&造婷用痃lt;html> <head> <meta charset="UTF-8"> <title>数组倒序</title> <script type="text/javascript"> window.onload=function(){ var arr=[1,2,3]; var reverse=document.getElementById("reverse"); reverse.onclick=function(){ alert("数组:"+arr+" 数组倒序:"+arr.reverse()); } } </script> </head> <body> <input type="button" value="点我数组倒序" id="reverse"/> </body></html>

JavaScript数组倒序;js数组倒序
  • HTML中怎么插入图片作为背景?
  • 鼠标放在div上延迟改变宽度效果
  • js如何设置textarea的内边距
  • jquery如何将p标签移动到div标签的前面
  • 如何在HTML里面制表
  • 热门搜索
    手抄报怎么画 向国旗敬礼手抄报图 简单的手抄报花边 关于感恩的手抄报图片 读书手抄报图片大全 讲卫生手抄报内容 文学手抄报的内容 手抄报装饰简笔画 寻访红色足迹手抄报 小学手抄报模板