JS实现点击生成UUID的方法完整实例【基于jQuery】
更新时间：2019年06月12日 11:32:33 作者：longzhoufeng
这篇文章主要介绍了JS实现点击生成UUID的方法,结合完整实例形式分析了基于jQuery实现的随机字符串生成相关操作技巧,需要的朋友可以参考下
本文实例讲述了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
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
js原生态函数中使用jQuery中的 $(this)无效的解决方法
今天遇到一个听郁闷的问题，正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成undefined2011-05-05
这篇文章主要介绍了jQuery实现仿淘宝带有指示条的图片转动切换效果的方法,以完整实例形式较为详细的分析了jQuery图片特效的使用技巧,需要的朋友可以参考下2015-03-03
用JSON从服务器端返回数据已是大家公认的标准,因为它短小精悍,使用方便.2010-07-07
这篇文章主要介绍了jQuery简单实现MD5加密的方法,基于jquery.md5.js插件实现md5加密功能,非常简单实用,需要的朋友可以参考下2017-03-03
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
这篇文章主要介绍了HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果,详细分析了Quicksand插件的使用及图片浮动显示的实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下2015-03-03
使用jquery局部刷新(jquery.load)从数据库取出数据
jquery提供了很好的ajax交互，我这里用的是直接返回字符串，用的是jquery.load方法从数据库取出的数据2014-01-01
这篇文章主要介绍了jQuery实现简单的下拉菜单导航功能,涉及jQuery针对页面元素的遍历与节点修改相关操作技巧,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了jquery制作居中遮罩层效果示例,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery实现frame之间互通的方法,结合实例形式分析了jQuery实现frame父子框架之间的调用操作实现方法,需要的朋友可以参考下2017-06-06
最新评论