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 相关文章推荐
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jquery插件实现悬浮的菜单
Apr 24 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
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
动态样式类封装JS代码
2009/09/02 Javascript
Javascript 中的 call 和 apply使用介绍
2012/02/22 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python中的包和模块实例
2014/11/22 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
详解python中*号的用法
2019/10/21 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
澳大利亚百货公司:David Jones
2018/02/08 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
linux系统都有哪些运行级别
2012/04/15 面试题
大学生求职自我评价
2014/01/16 职场文书
一年级班主任感言
2014/03/08 职场文书
会计系毕业求职信
2014/08/07 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
英文产品推荐信
2015/03/27 职场文书
2015年维修工作总结
2015/04/25 职场文书
荒岛余生观后感
2015/06/09 职场文书
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android