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 表单序列化实例代码
Jun 11 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 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文件读取方法实例分析
2015/06/20 PHP
Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
2016/01/09 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
Javascript实现滑块滑动改变值的实现代码
2013/04/12 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
Node.js Sequelize如何实现数据库的读写分离
2016/10/23 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Javascript 模拟mvc实现点餐程序案例详解
2020/12/24 Javascript
jQuery实现购物车全功能
2021/01/11 jQuery
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
Python 开发Activex组件方法
2009/11/08 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
Keras Convolution1D与Convolution2D区别说明
2020/05/22 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
计划生育工作汇报
2014/10/28 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
小学语文国培研修日志
2015/11/13 职场文书
python基础之停用词过滤详解
2021/04/21 Python
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL