JS實現(xiàn)點擊生成UUID的方法完整實例【基于jQuery】

更新時間：2019年06月12日 11:32:33 作者：longzhoufeng

這篇文章主要介紹了JS實現(xiàn)點擊生成UUID的方法,結(jié)合完整實例形式分析了基于jQuery實現(xiàn)的隨機字符串生成相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)點擊生成UUID的方法。分享給大家供大家參考，具體如下：

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

運行結(jié)果：