如何用jQuery编写点击事件生成UUID的代码？
- 内容介绍
- 文章标签
- 相关推荐
本文共计431个文字，预计阅读时间需要2分钟。
原文：本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考借鉴，具体如下：www.jb51.net 用JS生成UUID的方法实例
改写后：本文介绍如何使用JS点击生成UUID。以下是一个简单示例：
生成UUID的JS示例
本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 用JS生成UUID的方法实例</title> <script src="img.558idc.com/uploadfile/allimg/210605/161KIZ9-0.jpg"></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代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS：这里再为大家提供两款相关在线工具供大家参考使用：
在线随机数字/字符串生成工具：
tools.jb51.net/aideddesign/suijishu
高强度密码生成器：
tools.jb51.net/password/CreateStrongPassword
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
本文共计431个文字，预计阅读时间需要2分钟。
原文：本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考借鉴，具体如下：www.jb51.net 用JS生成UUID的方法实例
改写后：本文介绍如何使用JS点击生成UUID。以下是一个简单示例：
生成UUID的JS示例
本文实例讲述了JS实现点击生成UUID的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 用JS生成UUID的方法实例</title> <script src="img.558idc.com/uploadfile/allimg/210605/161KIZ9-0.jpg"></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代码运行工具：tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS：这里再为大家提供两款相关在线工具供大家参考使用：
在线随机数字/字符串生成工具：
tools.jb51.net/aideddesign/suijishu
高强度密码生成器：
tools.jb51.net/password/CreateStrongPassword
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。