//随机生成 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="width: 300px">‘ + ‘<thead>‘ + ‘<th>姓名</th>‘ + ‘<th>年龄</th>‘ + ‘<th>性别</th>‘ + ‘</thead>‘ + ‘<tbody>‘ + str + ‘</tbody>‘ + ‘</table>‘;document.getElementsByTagName(‘body‘)[0].innerHTML = tableStr;
时间: 2024-10-26 12:16:00