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绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery实现广告条滚动效果
Aug 22 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
jQuery实现推拉门效果
Oct 19 jQuery
jQuery冲突问题解决方法
Jan 19 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
动态网站web开发 PHP、ASP还是ASP.NET
2006/10/09 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
YII路径的用法总结
2014/07/09 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
python日期相关操作实例小结
2019/06/24 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
使用Django xadmin 实现修改时间选择器为不可输入状态
2020/03/30 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
海外淘书首选:AbeBooks
2017/07/31 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
物流专业自荐信
2014/05/23 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
2014年教育培训工作总结
2014/12/08 职场文书
党员承诺书格式范文
2015/04/28 职场文书
2015年教研组工作总结
2015/05/04 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
Redis分布式锁的7种实现
2022/04/01 Redis