效果图:

上代码:

指定长度,执行即可生成一个随机的字符串,附赠,点击复制功能

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>一个随机串</title><style type="text/css">.input_css {width: 140px;}#show_msg {width: 300px;}</style><script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">/*** 生成3-32位随机串:randomWord(true, 3, 32)** 生成43位随机串:randomWord(false, 43)** randomWord 产生任意长度随机字母数字组合** randomFlag-是否任意长度 min-任意长度最小位[固定位数] max-任意长度最大位** */function randomWord(randomFlag, min, max) {var str = "",range = min,arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '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'];// 随机产生if(randomFlag) {range = Math.round(Math.random() * (max - min)) + min;}for(var i = 0; i < range; i++) {pos = Math.round(Math.random() * (arr.length - 1));str += arr[pos];}return str;}function createRandom() {let strlen = $("#strlen").val();let showMsg = randomWord(false, strlen);$("#show_msg").text(showMsg);}function copyText() {let show_msg = $("#show_msg").select();document.execCommand("Copy"); // 执行浏览器复制命令alert("已复制好,可贴粘。");}</script></head><body><input type="number" id="strlen" class="input_css" value="10" max="43" min="6" /><br /><textarea id="show_msg"></textarea><br /><input type="button" onclick="createRandom();" value="随机生成" /><input type="button" onClick="copyText()" value="点击复制" /></body></html>

随机一段字符串,浏览器点击复制相关推荐

  1. 如何在浏览器中点击复制微信号并且跳转到微信

    如何在浏览器中点击复制微信号并且跳转到微信? <html lang="en"> <head> <meta charset="UTF-8&qu ...

  2. 静态HTML如何刷新页面随机显示一个微信号,并且可以点击复制

    静态HTML如何刷新页面随机显示一个微信号,并且可以点击复制 由于静态html文件的特殊性,想用动态程序的话几乎不好实现,除非用src调用动态,但是那样对于很多需求的用户就不好管理了: 下面我教大家一 ...

  3. 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器...

    移动端js实现点击复制到剪贴板,带提示,[真正]兼容所有浏览器,包括安卓和ios及uc.qq.微信.手机自带等浏览器. github,欢迎star: https://github.com/majian ...

  4. 织梦仿微信公众号文章页面html,HTML落地页单页面常用刷新页面随机显示一个微信号,并且可以点击复制...

    这篇文章主要为大家详细介绍了HTML落地页单页面常用刷新页面随机显示一个微信号,并且可以点击复制,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 不少朋友在制作落 ...

  5. 用火狐浏览器看中一段代码是复制外部html还是复制内部html,为什么PDF文件用某些浏览器读取就可以复制出其中的文字,而用WPS等办公软体就不可以复制出呢?...

    为什么PDF文件用某些浏览器读取就可以复制出其中的文字,而用WPS等办公软体就不可以复制出呢?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们 ...

  6. JavaScript-点击复制内容

    JavaScript-点击复制内容 ececCommand 显示可能被废弃 这里使用 navigator navigator.clipboard.writeText(value).then(() =& ...

  7. java 时间生成字符串_java随机生成时间字符串的方法

    本文实例为大家分享了java随机生成时间字符串的具体代码,供大家参考,具体内容如下 package com.wechat.utils; import java.text.SimpleDateForma ...

  8. js点击复制文本 - 案例篇

    文章目录 js点击复制文本 :代码+效果图 效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...

  9. JS 点击复制Copy

    1.实现点击按钮,复制文本框中的的内容 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 va ...

最新文章

  1. 必须了解的 MySQL 三大日志
  2. VMware Workstation 6.0全貌概览
  3. 运动检测(前景检测)之(二)混合高斯模型GMM
  4. Java 必看的 Spring 知识汇总!
  5. Android okHttp上传图片
  6. CodeForces - 1430E String Reversal(线段树+模拟)
  7. 终于有人把超融合和边缘计算说清楚了
  8. php获取扫码枪的内容,一起看看js获取扫码枪输入数据的方法_WEB前端开发
  9. Codeforces Round #375 (Div. 2) F. st-Spanning Tree 生成树
  10. python selenuim使用代理的方式
  11. Bash终端命令行,使用privoxy将socks代理转成http代理
  12. iconv命令与函数
  13. Notepad JSON格式化
  14. 浅谈大学参加程序竞赛
  15. 完美字符子串 单调队列预处理+DP线段树优化
  16. php挂载webdav,phpweb服务器开启了WebDAV的关闭方法
  17. 《认知觉醒》-潜意识
  18. BUSD停BUSD停止发行,从HAY的发行机制看去中心化稳定币的重要性
  19. linux终端如何连接wifi,如何在 Linux 终端中连接使用 WiFi?
  20. python怎么安装jieba库这个模块 No module named ‘jieba‘ python3.7

热门文章

  1. H - Fibonacci POJ - 3070 (矩阵快速幂)
  2. 康托展开(Cantor expansion)
  3. 7-5 符号配对 (20 分)
  4. java初始化一个链表_Java 链表(LinkNode)的简单操作:初始化,遍历,插入,删除等...
  5. 安装工程造价课程设计_造价课程设计.docx
  6. Web应用架构-Nginx
  7. 小tips:JS中typeof与instanceof用法
  8. Maven使用笔记(四)pom.xml配置详解
  9. 分布式K/V存储方案
  10. Asp.net MVC 3实例学习之ExtShop(二)——创建母版页