JS实现点击生成UUID的方法完整实例【基于jQuery】


Posted in jQuery onJune 12, 2019

本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com 用JS生成UUID的方法实例</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script>
    var id = getUuid();
    $(document).ready(function() {
      $("p").click(function() {
        alert(id);
      });
    });
    function getUuid() {
      var len = 32;//32长度
      var radix = 16;//16进制
      var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
      var uuid = [], i;
      radix = radix || chars.length;
      if(len) {
        for(i = 0; i < len; i++)uuid[i] = chars[0 | Math.random() * radix];
      } else {
        var r;
        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
        uuid[14] = '4';
        for(i = 0; i < 36; i++) {
          if(!uuid[i]) {
            r = 0 | Math.random() * 16;
            uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
          }
        }
      }
      return uuid.join('');
    }
  </script>
</head>
<body>
<p>点我,生成UUID。</p>
</body>
</html>

运行结果:

JS实现点击生成UUID的方法完整实例【基于jQuery】

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

jQuery 相关文章推荐
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
基于jQuery封装的分页组件
Jun 26 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 #jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 #jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 #jQuery
jQuery+ajax实现批量删除功能完整示例
Jun 06 #jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 #jQuery
jQuery操作cookie的示例代码
Jun 05 #jQuery
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 #jQuery
You might like
php动态生成JavaScript代码
2009/03/09 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
php实现简单的权限管理的示例代码
2017/08/25 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
2016/09/26 Javascript
微信小程序(应用号)开发新闻客户端实例
2016/10/24 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python读写Json涉及到中文的处理方法
2016/09/12 Python
python中学习K-Means和图片压缩
2017/11/20 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
Python实现的特征提取操作示例
2018/12/03 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
详解python中docx库的安装过程
2019/11/08 Python
Weblogc domain问题
2014/01/27 面试题
怎样声明接口
2014/09/19 面试题
企业党员个人自我评价
2014/09/20 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
高中校园广播稿
2014/10/21 职场文书
出差报告怎么写
2014/11/06 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python