JavaScript数组倒序;js数组倒序

2025-10-23 23:59:41

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.onclick=function(){

  alert("数组:"+arr+"    数组倒序:"+arr.reverse());

  }

JavaScript数组倒序;js数组倒序

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

JavaScript数组倒序;js数组倒序

7、所有代码。可以直接把所有代码复制到新建的html文件上,保存后使用浏览器打开即可看到效果。如图

所有代码:

<!DOCTYPE html>

<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数组倒序

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢