从今年2月份回来亚信到现在已经有四个月左右的时间了,在这段时间里一直在东四十条参与,北京移动CRMp-NG3.0的实施工作,经过这段时间的努力,项目也基本上进入上线倒计时阶段,而现在也是有时间对这段时间掌握的关于javascript的知识进行系统的总结一下,如下:
序号 | 知识点 | 详细内容 | |
1 | 用数组进行数据源的管理(数组的增删改查) | 数组的增删改查等基本的方法 | |
2 | 用for 循环的形式给表单元素赋值 | for循环的一些方法的时候 |
<html>
<head><title>测试循环数组</title></head>
<body>
name:<input type="text" value="name" id="colorName" /><br/><br/>
value:<input type="text" value="value" id="colorValue" /><br/><br/>
url:<input type="text" value="url" id="colorUrl" /><br/><br/>
<input type="button" id="colorboxAdd" value="+++++++++" /><input type="button" id="colorboxDele" value="----------" /><br>
<script language="javascript">
function $(id){
return document.getElementById(id);//定义快捷选择id符
}
/*AllTag("input").οnclick=function(){
alert("1111");
}
function addColorArr(){
}*/
$("colorboxAdd").οnclick=function(){//定义往数组添加数据,以及在页面展示的事件方法
colorName=$("colorName").value;
colorValue=$("colorValue").value;
colorUrl=$("colorUrl").value;
alert( colorName+","+colorValue+","+colorUrl);
_colorbox.push({"name":colorName,"value": colorValue,"url":colorUrl});//使用push()的方法给2维数组添加内容
var newIndex= _colorbox.length-1;//定义当前标签项
alert(_colorbox.length);
$("tabBoxId").innerHTML +="<tr><td><span style='font-weight:bold;'>序号:</span></td><td>"+newIndex+"</td><td><span style='font-weight:bold;'>name:</span></td><td>"+colorName+"</td><td><span style='font-weight:bold;'>value:</span></td><td>"+colorValue+"</td><td><span style='font-weight:bold;'>url:</span></td><td>"+colorUrl+"</td></tr>";//将新数据添加到页面内部显示
//addTabNum();
//_TextNum.push("2222222222222222222222");
// alert(_TextNum.length);
}
var _colorbox = [{ "name": "请选择", "value": "0","url":"http://www.diandian.com/home" },{ "name": "透明", "value": "transparent" ,"url":"http://www.263.com"},{ "name": "白色",
"value": "#fff","url":"http://www.diandian.com/home" },{ "name": "红色", "value": "#f00" ,"url":"http://www.baidu.com/"},{ "name": "蓝色", "value":
"#00f","url":"http://www.diandian.com/home"}];//定义一个二维数组
alert(_colorbox.length);
/*_TextNum = new Array("20120516111422-41-7161","13520208391","20120516111422-41-7161","13520208391","20120516111422-41-7161","13520208391");
for (var i=0; i<_TextNum .length; i++){
document.write(_TextNum[i]+"<br/>");
}*/
//alert(_TextNum.length);
function addTabNum(){//定义一个将数组数据读取到页面中进行循环展示的方法
document.write("<table id='tabBoxId' border='1' cellpadding='10' cellspacing='0' width='350' align='center'>");
for (var x=0; x<_colorbox .length; x++){
document.write("<tr><td><span style='font-weight:bold;'>序号:</span></td><td>"+x+"</td><td><span style='font-weight:bold;'>name:</span></td><td>"+_colorbox[x].name+"</td><td><span style='font-weight:bold;'>value:</span></td><td>"+_colorbox[x].value+"</td><td><span style='font-weight:bold;'>url:</span></td><td>"+_colorbox[x].url+"</td></tr>");
}
document.write("</table>");
}
addTabNum();//数组数据展示方法
</script>
</body>
</html>