JavaScript之二.pdf

一JavaScript 数组 JavaScript 数组的定义、使用都是非常简单的，从a17.htm 就可以知道，仅仅定义的话， 就使用： var a newArray(); 对于JavaScript 的数组，大小不用管的，爱用多大的下标就用多大。 例1 设计一个数组输入并显示的程序。 对后续的实验而言，要求能有一个数组、能输入数据、并显示结果，为满足这个要求， 程序至少要有三个按钮：数据输入、数据显示、数组清除，所谓数组清除，就是当你的数据 输入错误后，要能清除掉这个数组、给使用者重新输入的机会。后面肯定就是个文本框了。 所以这种情况下，控件说明就是这样的： INPUTTYPE buttonID BUTTON1value 数据输入onclick fIn()/ INPUTTYPE buttonID BUTTON2value 数据输出onclick fOut()/ INPUTTYPE buttonID BUTTON2value 数据清除onclick fCls()/ INPUT TYPE input ID text1 style z-index: 100; left: 11px; width: 248px; position: absolute;top:40px/ 注意这个text1控件的说明：它同过去的定义不一样，而是说明了位置属性，left:11px， 说明这个控件离浏览器左边 10 个像素点，width:248px 说明该控件宽度是248像素点，而后 面的top:40px、则说明离浏览器高度是40 个像素点。 我们可以打开a2.htm，这个网页文件，把上述控件说明写进去，并另存为a19.htm 分析：对于数组，我们定义一个就足够了，注意我们的数组、要在三个函数：fIn()、fOut()、 fCls()中使用，所以，这个数组应该是全局的，同理，数组的大小也需要知道，我们用n 来 存储它的当前大小，n 也应该是全局的、并且开始就是0，所以程序框架结构就是： var a newArray(); var n 0; function fIn() { … } function fOut() { … } fCls() { … } 对于fIn()函数，就是从text1 中读到数据并给到a[]，所以是： function fIn() { var d parseInt(text1.value); a[n] d; n++; text1.value ””; } 1 n++的含义是准备写到下一个数组单元里。 而对fOut()，也很简单，就是： function fOut() { var i; for(i 0;in;i++) document.write(a[i]+br); } 对多个数据的显示，我们选择document.write()，这样可以显示很多数据。 而对于fCls()，则使用重新构造数组并将n 0，这样，旧的数据就全没了 function fCls() { a newArray(); n 0; } 把上述代码全部凑到一起，构成新的网页，实际通过上述很多范例的分析，我们知道 基本过程就是： （1） 打开一个框架程序、如a2.htm这样的文件； （2） 在框架文件里先填加控件的说明，让你的程序有足够的控件； （3） 注意控件的事件响应函数的名称，不要搞错； （4） 补充你的事件响应函数，到此就算完成了。