实现查看更多【数组push和unshift的应用】

来源:互联网 发布:云安全软件 编辑:程序博客网 时间:2024/05/16 14:39
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input type="button" onclick="addTop()" value="前一条"/><ul id="haha"></ul><input  type="button" onclick="addBottom()" value="后一条"/><script>var arr = ["取暖回忆回忆无香","有阳光还感觉冷","我站在分隔岛上","你太善良你太美丽","没有方向不想回家"]function huixin(){for(var i=0 ;i<=arr.length-1;i++){document.getElementById("haha").innerHTML+="<li>"+arr[i]+"</li>";}}huixin()function addTop(){arr.unshift("我讨厌这样想你的自己");//数组头部添加document.getElementById("haha").innerHTML="";//清空数组重新遍历huixin();}function addBottom(){arr.push("我讨厌这样想你的自己");//数组尾部添加document.getElementById("haha").innerHTML="";//清空数组重新遍历huixin();}</script></body></html>