SOURCE

var k=0;
var nameArray = new Array();
window.onload =function(){
  // 生成随机姓名
var familyNames = new Array("赵", "钱", "孙", "李", "周", "吴", "郑", "王", "冯", "陈", "褚", "卫", "蒋", "沈", "韩", "杨", "朱", "秦", "尤", "许", "何", "吕", "施", "张", "孔", "曹", "严", "华", "金", "魏", "陶", "姜", "戚", "谢", "邹", "喻", "柏", "水", "窦", "章", "云", "苏", "潘", "葛", "奚", "范", "彭", "郎", "鲁", "韦", "昌", "马", "苗", "凤", "花", "方", "俞", "任", "袁", "柳", "酆", "鲍", "史", "唐", "费", "廉", "岑", "薛", "雷", "贺", "倪", "汤", "滕", "殷", "罗", "毕", "郝", "邬", "安", "常", "乐", "于", "时", "傅", "皮", "卞", "齐", "康", "伍", "余", "元", "卜", "顾", "孟", "平", "黄", "和", "穆", "萧", "尹");
var givenNames = new Array("子璇", "淼", "国栋", "夫子", "瑞堂", "甜", "敏", "尚", "国贤", "贺祥", "晨涛", "昊轩", "易轩", "益辰", "益帆", "益冉", "瑾春", "瑾昆", "春齐", "杨", "文昊", "东东", "雄霖", "浩晨", "熙涵", "溶溶", "冰枫", "欣欣", "宜豪", "欣慧", "建政", "美欣", "淑慧", "文轩", "文杰", "欣源", "忠林", "榕润", "欣汝", "慧嘉", "新建", "建林", "亦菲", "林", "冰洁", "佳欣", "涵涵", "禹辰", "淳美", "泽惠", "伟洋", "涵越", "润丽", "翔", "淑华", "晶莹", "凌晶", "苒溪", "雨涵", "嘉怡", "佳毅", "子辰", "佳琪", "紫轩", "瑞辰", "昕蕊", "萌", "明远", "欣宜", "泽远", "欣怡", "佳怡", "佳惠", "晨茜", "晨璐", "运昊", "汝鑫", "淑君", "晶滢", "润莎", "榕汕", "佳钰", "佳玉", "晓庆", "一鸣", "语晨", "添池", "添昊", "雨泽", "雅晗", "雅涵", "清妍", "诗悦", "嘉乐", "晨涵", "天赫", "玥傲", "佳昊", "天昊", "萌萌", "若萌");
var fLength = familyNames.length;
var gLength = givenNames.length;
for(var i = 0;i<fLength;i++){
	var fName=familyNames[i];
	for(var j =0;j<gLength;j++){
		var gName=givenNames[j];
     var name =fName+gName;
	nameArray.push(name);
	}
}
genrate();

};
function getName() {  
	var reName = nameArray[k++];
    return reName;
}

function genrate() {
    trs = '';
    for (var i = 1; i <= 10; i++) {
//单独显示姓名
trs = trs + '<tr><td>' + getName() + '</td></tr>';
//单独显示身份证号码
//trs = trs + '<tr><td> ' + getIdNo() + ' </td></tr>';
//单独显示银行卡号码
//trs = trs + '<tr><td>' + getBankAccount() + '</td></tr>';
    }
    trs = '<table>' + trs + '</table>';
    $("list").innerHTML = trs;
//alert(trs);
}

<div class="des"> 
    <h1>姓名生成器</h1>
    <button onclick='location.reload() '>换一批</button>
</div>
<div id="list">
</div>

<!-- <div class="des">
    免责声明：身份证号大全和姓名由系统随机组合而成，不会涉及任何隐私泄密问题，也非现实生活中真实的身份证号码和真实姓名；身份证号码所属年龄均为18岁以上，均已通过校验；身份证号码和姓名仅供测试或用在必须输入身份证号码和姓名的网站上，请不要将身份证号码和姓名用于任何非法用途，且自行承担使用本工具的任何后果和责任。  -->
    <button onclick='location.reload() '>换一批</button>
</div>

body {
    background: #FFF;
}

button{
    clear:both;
    display:block;
    margin:20px auto;
    outline:none;
    border-radius:30px;
    border:1px solid #eee;
    background:#FFF;
    padding:10px 40px;
    color:#555;
}

.des {
    font-size: 12px;
    color: #aaa;
    width:600px;
    margin:auto;
}

td{
    border:0;
    border-top:1px dashed #eee;
    border-left: 1px dashed #eee;
    padding:3px 25px;
    color:#555;
    font-size:12px;
    
}
 
td:last-child{ 
   	 border-right: 1px dashed #eee;
    }
table{
    margin-top:20px;
    width:600px;
    margin:auto;
}