<body onload='yanzm()'> <!--在页面加载时就执行这个函数--> <div> <span></span> <span></span> <span></span> <span></span> </div> <!--给刷新定了一个按钮,并给它弄了一个点击样式,可以让点击他时出现每次随机出现span--> <button onclick="yanzm()">刷新</button> <script type="text/javascript"> // 在写随机码之前需它要给它一个随机的一串字符串,在这些字符串中随机输出所需要的东西 var yzm=("123456789qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM"); // 获取span标签 var span =document.getElementsByTagName('span'); // 定义一个函数 function yanzm(){ var fz= " "; // 定一个语句,表示它循环几次 for(var i=0;i<4;i++){ // 随机Math.random()出的值乘以数组的长度,取出的值为数组的下标 var num = parseInt(Math.random()*yzm.length); // 取出shu中的值,利用上面取出的下标num,此时取出的是数组中的值 fz = yzm[num]; // 将上面取到的span元素通过innerHTML赋值给fz span[i].innerHTML=fz; // 把随机出的值通过style.color赋予颜色 ,Color()是自己封装的一个随机颜色函数 span[i].style.color=randomColor(); } } </script> <script src="js/fenzuang.js"></script> </body>
//分装颜色 function randomColor(){ var a =parseInt(Math.random()*256); var b =parseInt(Math.random()*256); var c =parseInt(Math.random()*256); var rgb ="rgb("+a+","+b+","+c+")"; return rgb; }