JS随机密码生成算法


Posted in Javascript onSeptember 23, 2019

本文实例为大家分享了JS生成随机密码的具体代码,供大家参考,具体内容如下

题目:

输入一个正整数n,生成n个随机密码,其中包括数字,大小写字母。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  div{
    width: 300px;
    height: 100px;
    background-color: lightblue;
    overflow: auto;
  }
  </style>
</head>
<body>
  <input type="text">
  <button>生成</button>
  <div class="end"></div>
  <script>
  var oTn = document.getElementsByTagName("input")[0];
  var oBtn = document.getElementsByTagName("button")[0];
  var oDiv = document.querySelector(".end");
  var password = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o",
  "p","q","r","s","t","u","v","w","x","y","z","A","B","C","D",
  "E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S",
  "T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"
  ]; 
  function pass(length){
    var Str = "";
    for(var i = 0 ; i<length;i++){
      Str += password[Math.floor(Math.random()*password.length)];
    }
    return Str;
  }
  oBtn.onclick = function(){
    oDiv.innerHTML = pass(oTn.value);
  }
  </script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
改版了网上的一个js操作userdata
Apr 27 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
浅谈js内置对象Math的属性和方法(推荐)
Sep 19 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
小程序红包雨的实现示例
Feb 19 Javascript
安装多版本Vue-CLI的实现方法
Mar 24 Javascript
Node.js API详解之 module模块用法实例分析
May 13 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 #Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 #Javascript
layui树形菜单动态遍历的例子
Sep 23 #Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 #Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 #Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 #Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 #jQuery
You might like
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
PHP分页效率终结版(推荐)
2013/07/01 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
php实现复制移动文件的方法
2015/07/29 PHP
微信支付开发维权通知实例
2016/07/12 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
python开发之基于thread线程搜索本地文件的方法
2015/11/11 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
外联部演讲稿
2014/05/24 职场文书
单位租房协议书样本
2014/10/30 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
2016党校学习心得体会
2016/01/07 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS