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实现字体颜色渐变效果的方法
Mar 29 jQuery
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 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
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
详解PHP处理密码的几种方式
2016/11/30 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
Yii框架日志记录Logging操作示例
2018/07/12 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
动态控制Table的js代码
2007/03/07 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
2011/03/03 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
python中使用sys模板和logging模块获取行号和函数名的方法
2014/04/15 Python
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
Python描述器descriptor详解
2015/02/03 Python
python和opencv实现抠图
2018/07/18 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
技校个人求职信范文
2014/01/25 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
岗位职责说明书模板
2014/07/30 职场文书
军事博物馆观后感
2015/06/05 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
SQL之各种join小结详细讲解
2021/08/04 MySQL
Python中re模块的元字符使用小结
2022/04/07 Python