JS实现点击生成UUID的方法完整实例【基于jQuery】

 更新时间:2019年06月12日 11:32:33   作者:longzhoufeng  
这篇文章主要介绍了JS实现点击生成UUID的方法,结合完整实例形式分析了基于jQuery实现的随机字符串生成相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net 用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>

运行结果:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS:这里再为大家提供两款相关在线工具供大家参考使用:

在线随机数字/字符串生成工具:
http://tools.jb51.net/aideddesign/suijishu

高强度密码生成器:
http://tools.jb51.net/password/CreateStrongPassword

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作DOM节点方法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • 认识jQuery的Promise的具体使用方法

    认识jQuery的Promise的具体使用方法

    本篇文章主要介绍了认识jQuery的Promise的具体使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • jquery select 设置默认选中的示例代码

    jquery select 设置默认选中的示例代码

    本篇文章主要是对jquery select 设置默认选中的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 基于jquery鼠标点击其它地方隐藏层的实例代码

    基于jquery鼠标点击其它地方隐藏层的实例代码

    基于jquery鼠标点击其它地方隐藏层的实例代码,需要的朋友可以参考下。
    2011-01-01
  • jquery移动listbox的值原理及代码

    jquery移动listbox的值原理及代码

    jQuery操作listbox原理并不难,就是将listbox中的选中项进行移动,实现我们需要的移动效果,具体实例如下,感兴趣的朋友可以学习下
    2013-05-05
  • jquery+css+html实现飞机大战游戏

    jquery+css+html实现飞机大战游戏

    这篇文章主要为大家详细介绍了jquery+css+html实现飞机大战游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • jquery实现倒计时功能

    jquery实现倒计时功能

    这篇文章主要为大家详细介绍了jquery实现倒计时功能,详细介绍了setInterval()方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jtable列中自定义button示例代码

    jtable列中自定义button示例代码

    本文将为大家介绍下在jtable列中如何自定义button,下面有一个不错的示例,感兴趣的朋友可以参考下
    2013-11-11
  • jquery.onoff实现简单的开关按钮功能(推荐)

    jquery.onoff实现简单的开关按钮功能(推荐)

    这篇文章主要介绍了jquery.onoff实现简单的开关按钮功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • jQuery制作拼图小游戏

    jQuery制作拼图小游戏

    这篇文章主要介绍了jQuery制作拼图小游戏,思路与源码都分享给大家,需要的朋友可以参考下
    2015-01-01
  • 基于Jquery和html5的7款个性化地图插件

    基于Jquery和html5的7款个性化地图插件

    现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看jQuery和HTML5的个性化地图插件,都是比较实用的,感兴趣的朋友一起学习吧
    2015-11-11

最新评论