JS随机密码生成算法

 更新时间:2019年09月23日 09:09:41   作者:apple_2021  
这篇文章主要为大家详细介绍了JS随机密码生成算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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>

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

相关文章

  • JS删除数组里的某个元素方法

    JS删除数组里的某个元素方法

    下面小编就为大家分享一篇JS删除数组里的某个元素方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • js实现数组转树示例

    js实现数组转树示例

    这篇文章主要为大家介绍了js实现数组转树示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • javascript使用百度地图api和html5特性获取浏览器位置

    javascript使用百度地图api和html5特性获取浏览器位置

    本文介绍了javascript使用百度地图api和html5特性获取浏览器位置的小功能,大家参考使用吧
    2014-01-01
  • JS数组去重的常用方法总结

    JS数组去重的常用方法总结

    这篇文章主要给大家介绍了关于js数组去重的常用方法,js数组去重是比较常见的数组操作方式之一,文中介绍了九种常用方法,需要的朋友可以参考下
    2023-10-10
  • 如何利用JS判断整数x是否是回文数

    如何利用JS判断整数x是否是回文数

    回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数,下面这篇文章主要给大家介绍了关于如何利用JS判断整数x是否是回文数的相关资料,需要的朋友可以参考下
    2022-01-01
  • LayUI树形表格treetable使用及说明

    LayUI树形表格treetable使用及说明

    这篇文章主要介绍了LayUI树形表格treetable使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • uni-app中如何使用uni.showModal添加输入框

    uni-app中如何使用uni.showModal添加输入框

    uni-app是一种使用Vue.js开发所有前端应用的框架,uni.showModal是其API之一,用于展示模态弹窗并可添加输入框,通过editable属性设置弹窗内容是否可编辑,通过success回调函数处理用户点击结果,这提供了一个交互式元素,方便在应用中收集用户输入的信息
    2024-09-09
  • 前端必会的Webpack优化技巧

    前端必会的Webpack优化技巧

    这篇文章主要为大家介绍了前端必会的Webpack优化技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步

    微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步

    这篇文章主要介绍了微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • JavaScript 继承的实现

    JavaScript 继承的实现

    正因为JavaScript本身没有完整的类和继承的实现,并且我们也看到通过手工实现的方式存在很多问题, 因此对于这个富有挑战性的任务网上已经有很多实现了
    2009-07-07

最新评论