欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-22 22:10:42
本文实例讲述了js实现点击生成uuid的方法。分享给大家供大家参考,具体如下:

本文实例讲述了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>

运行结果:

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

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

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

在线随机数字/字符串生成工具:

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

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

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