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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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速度全攻略
2006/10/09 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
2013/10/29 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
Js数组排序函数sort()介绍
2015/06/08 Javascript
JS实现灵巧的下拉导航效果代码
2015/08/25 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
全面了解Python环境配置及项目建立
2016/06/30 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
python实现树形打印目录结构
2018/03/29 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
python实现PID算法及测试的例子
2019/08/08 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
介绍一下JMS编程步骤
2015/09/22 面试题
2015年出纳年终工作总结
2015/05/14 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang