JS生成UUID的方法实例

最新推荐文章于 2023-04-27 09:54:48 发布

转载最新推荐文章于 2023-04-27 09:54:48 发布 · 86 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的简单示例，通过点击页面上的段落元素触发UUID生成，并显示生成的唯一标识符。该示例利用了jQuery库简化DOM操作，展示了如何在网页上动态生成和展示UUID。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/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>