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.load()和Jsp的include的区别
Apr 12 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
jquery操作select常见方法大全【7种情况】
May 28 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jquery实现淡入淡出轮播图效果
Dec 13 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文本操作类
2006/11/25 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
js中开关变量使用实例
2017/02/24 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
python 获取页面表格数据存放到csv中的方法
2018/12/26 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
python颜色随机生成器的实例代码
2020/01/10 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
中学实习教师自我鉴定
2013/12/12 职场文书
物流仓储计划书
2014/01/10 职场文书
运动会通讯稿150字
2014/02/15 职场文书
企业金融服务方案
2014/06/03 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
Spring Boot 使用 Spring-Retry 进行重试框架
2022/04/24 Java/Android