JaveScript之数组实训案例

Myth丶恋晨 2022-06-14 04:36 181阅读 0赞

![Center][]

**案例效果，输入数据点击入栈，则在多行文本框中显示数据，点击出栈则删除数组中最后一个数据，点击查看数组中的数据，则在多行文本框显示数组的所有数据。**

<!DOCTYPE html>

<html>  
<head>  
<meta charset="UTF-8">  
<title></title>  
<style type="text/css">  
\#text\{  
width: 100px;  
\}  
\#text1\{  
width: 150px;  
height: 60px;  
\}  
</style>  
</head>  
<body>  
<span>请输入要入栈的数据:</span>  
<input type="text" value="" id="text"/><br /><br  />  
<input type="button" value="入栈" />  
<input type="button" value="出栈" />  
<input type="button" value="查看数组中的数据" /><br /><br />  
  
<textarea  rows="10" cols="20" id="dh"></textarea>  
</body>  
<script type="text/javascript">  
var text1=document.getElementsByTagName("input");  
var a=\[\];  
var wenben=document.getElementById("dh");  
  
  
text1\[1\].οnclick=function()  
\{  
a.push(text1\[0\].value);  
wenben.value=a;  
text1\[0\].value="";  
\}  
  
text1\[2\].οnclick=function()  
\{  
a.pop(text1\[0\].value);  
wenben.value=a;  
\}  
  
text1\[3\].οnclick=function()  
\{  
wenben.value=a;  
\}  
</script>  
  
</html>

[Center]: /images/20220614/9bfb03036d0840f58c388eaaf6d53b71.png

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关 2002A实训

1. git&github 链接：[https://blog.csdn.net/weixin\_43638968/article/details/10936106

àì夳堔傛蜴生んèń/ 2022年12月27日 15:28/ 0 赞/ 186 阅读

相关前端实训路线图

1. 小程序语法+项目（黑马优购+天使童装） 2. vue后台管理系统（商城管理系统+网课后台） 3. vue移动端项目（每时每刻） 4. ts 5. vue3

朴灿烈づ我的快乐病毒、/ 2022年11月16日 10:52/ 0 赞/ 173 阅读

相关 java实训报告怎么写_Java实训报告

很多同学在大学里面参加完Java实训之后，学校的老师会要求每个人写一份Java实训报告，对于学习理科计算机专业的你来说，写几万行的代码可能不是什么问题，但是让写一份800字的实

左手的ㄟ右手/ 2022年11月04日 00:44/ 0 赞/ 243 阅读

相关实训python的日记_Python实训---第二天

Python实训---第二天 turtle简易GUI绘图 import turtle as t t.pensize(10) \设置画笔颜色为蓝色 t.color('p

Bertha 。/ 2022年10月28日 12:24/ 0 赞/ 255 阅读

相关计算机课程实训总结,计算机实训总结优秀范文

随着高校计算机课程的普及,计算机实训室已经成为高校办学能力的重要评估条件之一,承担着全校计算机基础课程及计算机专业课程的教学工作,成为提高学生计算机水平的主要载体,成为开展计算

系统管理员/ 2022年10月19日 05:48/ 0 赞/ 199 阅读

相关酒店计算机系统管理实训,餐饮管理模拟实训系统

![1b84f53dcf13360df38d52f3d9e10e7f.png][] 一、软件概述以当前各类中高档的中西餐经营管理运作模式为业务核心，通过建立餐厅的前台、后

ゝ一纸荒年。/ 2022年08月30日 04:19/ 0 赞/ 226 阅读

相关 JAVA实训之封装

封装的概念：在我看来封装就是指一个类当中的一部分属性进行隐藏，外部程序只能通过方法访问这部分属性。这样这个类就仿佛被封装了起来，只有通过工具（就是方法）才能对其进行操作。

叁歲伎倆/ 2022年07月30日 19:17/ 0 赞/ 207 阅读

相关 JaveScript之DOM

DOM节点一、childNodes找到节点； alter(oul.childNodes\[i\].nodeType);测试节点类型二、当nodeType==3，该节

悠悠/ 2022年06月14日 05:38/ 0 赞/ 221 阅读

相关 JaveScript之数组实训案例

![Center][] 案例效果，输入数据点击入栈，则在多行文本框中显示数据，点击出栈则删除数组中最后一个数据，点击查看数组中的数据，则在多行文本框显示数组的所有数据。

Myth丶恋晨/ 2022年06月14日 04:36/ 0 赞/ 182 阅读

相关 Java实训总结

截止到今天中午12.，为期一周的Java实训接近了尾声，本来以为这一个星期会很难熬，因为这个实训把我们美好的星期6，星期7给完美的利用了，结果发现这一个星期其实过的还是挺快的，

水深无声/ 2022年04月10日 07:20/ 0 赞/ 280 阅读