//随机生成 10到20条数据 数据包含 用户名（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=" 300px">' +
'<thead>' +
'<th>姓名</th>' +
'<th>年龄</th>' +
'<th>性别</th>' +
'</thead>' +
'<tbody>' + str +
'</tbody>' +
'</table>';
document.getElementsByTagName('body')[0].innerHTML = tableStr;