本文介绍如何使用JavaScript生成20位随机字符串。通过定义包含数字和字母的数组,利用Math.random()结合Math.floor()随机选取字符,循环拼接20次实现目标长度。示例代码展示了在HTML页面中通过按钮触发生成函数,并支持批量输出多行结果。
JavaScript核心生成逻辑
以下是实现该功能的JavaScript核心逻辑代码。
function s20(){
var data=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
for(var j=0;j<500;j++){ //500为想要产生的行数
var result="";
for(var i=0;i<20;i++){ //产生20位就使i<20
r=Math.floor(Math.random()*16); //16为数组里面数据的数量,目的是以此当下标取数组data里的值!
result+=data[r]; //输出20次随机数的同时,让rrr加20次,就是20位的随机字符串了。
}
document.write(result);
document.write("<br/>");
} }
完整HTML页面实现
完整的HTML页面结构如下,包含触发生成的按钮及脚本引用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function s20(){
var data=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
for(var j=0;j<500;j++){
var result="";
for(var i=0;i<20;i++){
r=Math.floor(Math.random()*16);
result+=data[r];
}
document.write(result);
document.write("<br/>");
} }
</script>
</head>
<body>
<input type="button" onclick="s20()" value="产生随机数">
</body>
</html>