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 ui sortable拖拽后保存位置
Apr 27 jQuery
jQuery extend()详解及简单实例
May 06 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery实现滑动开关效果
Aug 02 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 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抓取页面的几种方法详解
2013/06/17 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
PHP 配置后台登录以及模板引入
2017/01/24 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python:print格式化输出到文件的实例
2018/05/14 Python
详解python使用pip安装第三方库(工具包)速度慢、超时、失败的解决方案
2018/12/02 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
环境科学专业个人求职的自我评价
2013/11/28 职场文书
应聘编辑职位自荐信范文
2014/01/05 职场文书
旅游个人求职信范文
2014/01/30 职场文书
销售团队激励口号
2014/06/06 职场文书
临床医学专业求职信
2014/08/08 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL