javascript学习_前段时间javascript的积累

最新推荐文章于 2013-10-31 21:11:41 发布

lixp3

最新推荐文章于 2013-10-31 21:11:41 发布

阅读量672

点赞数

分类专栏：交互设计 jquery javascript 文章标签： javascript url function input button

本文链接：https://blog.csdn.net/lxp1021/article/details/7642639

版权

javascript 同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

jquery

11 篇文章 0 订阅

订阅专栏

交互设计

10 篇文章 0 订阅

订阅专栏

从今年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>

lixp3

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript学习_前段时间javascript的积累

从今年2月份回来亚信到现在已经有四个月左右的时间了，在这段时间里一直在东四十条参与，北京移动CRMp-NG3.0的实施工作，经过这段时间的努力，项目也基本上进入上线倒计时阶段，而现在也是有时间对这段时间掌握的关于javascript的知识进行系统的总结一下，如下：序号知识点详细内容 1用数组进行数据源的管理（数组的增删改查）数组的增删改查等基本的
复制链接

扫一扫