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元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
深入分析jQuery.one() 函数
Jun 03 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
php删除左端与右端空格的方法
2014/11/29 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
javascript时间差插件分享
2016/07/18 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
进一步了解Python中的XML 工具
2015/04/13 Python
python获取指定路径下所有指定后缀文件的方法
2015/05/26 Python
Python获取邮件地址的方法
2015/07/10 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
python爬虫实现中英翻译词典
2019/06/25 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
三只松鼠官方旗舰店:全网坚果销售第1
2017/11/25 全球购物
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
五年级学生评语
2014/04/22 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
2015年见习期工作总结
2014/12/12 职场文书
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android
vue elementUI批量上传文件
2022/04/26 Vue.js