今天学习了javascript 的数组,在下面不断的练习,刚开始不查资料还真的写不好,练习了几遍好了。现将操作的实例操作如下:
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网,学习的好地方~</title> </head> <body> <p> JavaScript 数组的常用方法 </p> <script> //数组的建立 var shuzu = ["Banana", "Orange", "Apple", "Mango"]; //数组的长度 document.write(shuzu); document.write('<br/>'); //数组增加元素 shuzu.push('赵桂福','php中文网'); document.write(shuzu); document.write('<br/>'); //数组的删除 shuzu.shift('Banana'); document.write(shuzu); //数组首增加元素 document.write('<br/>'); shuzu.unshift('老师好!'); document.write(shuzu); </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
下面是相关事件的练习,单词记不住,需要查阅资料,是不是写多了就好了?老师。
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>事件的练习</p> <button onclick="show()">点这里</button> <button onmouseover="show2()">将鼠标移动过来</button> <input type='text' onchange='show3()'> <input type='text' onblur='show4()'> <script> function show(){ document.getElementById("zh").innerHTML=Date(); } function show2(){ document.getElementById("zh2").innerHTML=Date(); } function show3(){ document.getElementById("zh2").innerHTML='为何改变我!'; } function show4(){ document.getElementById("zh3").innerHTML='为何改变我!'; } </script> <p id="zh"></p> <div style='background:red;color:white' id="zh2"></div> <div style='background:green;color:white' id="zh3"></div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
【总结】通过练习,对于课堂上老师讲的目前没有问题,更多的应该是练习,感谢老师辛苦的付出。