JavaScript

超轻量级php框架startmvc

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

更新时间:2020-08-31 09:12:01 作者:startmvc
本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考,具体如下:<!DOCTYPEhtm

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

JS 点击生成 UUID jQuery