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插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
jquery实现垂直手风琴导航栏
Feb 18 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获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
详细讲解JS节点知识
2010/01/31 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
JS 进度条效果实现代码整理
2011/05/21 Javascript
jQuery实现列表内容的动态载入特效
2015/08/08 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
详解Vue方法与事件
2017/03/09 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
python 删除大文件中的某一行(最有效率的方法)
2017/08/19 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
python中round函数保留两位小数的方法
2020/12/04 Python
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
信息管理专业推荐信
2013/10/29 职场文书
元旦晚会邀请函
2014/01/27 职场文书
法学专业求职信范文
2015/03/19 职场文书
公司地址变更通知
2015/04/25 职场文书
2015年城市管理工作总结
2015/05/23 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python