首页 > 其他 > 详细

//随机生成 10到20条数据 数据包含 用户名(5-10位的字母) 性别 年龄(1-100岁)

时间:2016-10-29 01:28:55      阅读:305      评论:0      收藏:0      [点我收藏+]
//随机生成 1020条数据   数据包含   用户名(5-10位的字母)  性别   年龄(1-100岁)
/*生成随机数的方法*/
function random(min, max) {
if (min < 0 || max < 0) {
console.log("请输入大于0的数据");
return false
}
if (max == null) {//判断如果只传入一个参数
var max = min;//将参数设置为最大值
min = 0;//将最小值设置为零
}
return parseInt((max - min) * Math.random() + min);
}

/*随机获取具有姓名,年龄,性别三个属性的对象*/
function getName(dataNum) {
var nameArr = [];
for (var j = 0; j < dataNum; j++) {
var nameObj = {};//存放随机生成的对象
var randNum = random(5, 10);//名字的长度随机5-10
/*随机生成5-10位的英文名字*/
var nameStr = ‘‘;
for (var i = 0; i < randNum; i++) {
nameStr += String.fromCharCode(random(26) + 97);
}
nameObj.name = nameStr;
nameObj.age = random(0, 100);
nameObj.sex = ["", ""][random(0, 2)];

nameArr.push(nameObj);
}

return nameArr;
}
/*动态生成表格,将数据插入到表格中*/
var str = ‘‘;
getName(20).forEach(function (i, v) {
str +=
‘<tr>‘ +
‘<td>‘ + i.name + ‘</td>‘ +
‘<td>‘ + i.age + ‘</td>‘ +
‘<td>‘ + i.sex + ‘</td>‘ +
‘</tr>‘;
});
var tableStr = ‘<table style="width: 300px">‘ +
‘<thead>‘ +
‘<th>姓名</th>‘ +
‘<th>年龄</th>‘ +
‘<th>性别</th>‘ +
‘</thead>‘ +
‘<tbody>‘ + str +
‘</tbody>‘ +
‘</table>‘;
document.getElementsByTagName(‘body‘)[0].innerHTML = tableStr;




//随机生成 10到20条数据 数据包含 用户名(5-10位的字母) 性别 年龄(1-100岁)

原文:http://www.cnblogs.com/itlyh/p/6009717.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!