手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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数组倒序
© 手抄报圈