原生JavaScript產生GUID的實現樣本，javascriptguid

原生JavaScript產生GUID的實現樣本，javascriptguid

　　GUID（全域統一標識符）是指在一台機器上產生的數字，它保證對在同一時空中的所有機器都是唯一的。通常平台會提供產生GUID的API。產生演算法很有意思，用到了乙太網路卡地址、納秒級時間、晶片ID碼和許多可能的數字。GUID的唯一缺陷在於產生的結果串會比較大。

　　GUID的格式為：xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

　　大家都知道GUID在前端開發中用處不大，但如果需要插入某個ID，並且這個ID與後台對應等其它需要GUID的操作時，為了方便，我們還是可以產生一個GUID的。

　　一般在sql、java、C#等後台或資料庫語言中產生GUID都很簡單，而前端沒有直接產生GUID的方法，只能自己手寫一個。但由於GUID需要擷取乙太網路卡的地址、以及納秒級的時間等數字。而前端擷取到這些資訊比較困難（知道的童鞋請一定告訴我），而我們可以類比實現產生GUID，代碼如下：

/*
* 功能：產生一個GUID碼，其中GUID以14個以下的日期時間及18個以上的16進位隨機數組成，GUID存在一定的重複機率，但重複機率極低，理論上重複機率為每10ms有1/(16^18)，即16的18次方分之1，重複機率低至可忽略不計*/

function GUID() {this.date = new Date();/* 判斷是否初始化過，如果初始化過以下代碼，則以下代碼將不再執行，實際中只執行一次 */if (typeof this.newGUID != 'function') {/* 產生GUID碼 */GUID.prototype.newGUID = function() {this.date = new Date();var guidStr = '';sexadecimalDate = this.hexadecimal(this.getGUIDDate(), 16);sexadecimalTime = this.hexadecimal(this.getGUIDTime(), 16);for (var i = 0; i < 9; i++) {guidStr += Math.floor(Math.random()*16).toString(16);}guidStr += sexadecimalDate;guidStr += sexadecimalTime;while(guidStr.length < 32) {guidStr += Math.floor(Math.random()*16).toString(16);}return this.formatGUID(guidStr);}/** 功能：擷取當前日期的GUID格式，即8位元的日期：19700101* 傳回值：返回GUID日期格式的字條串*/GUID.prototype.getGUIDDate = function() {return this.date.getFullYear() + this.addZero(this.date.getMonth() + 1) + this.addZero(this.date.getDay());}/** 功能：擷取目前時間的GUID格式，即8位元的時間，包括毫秒，毫秒為2位元：12300933* 傳回值：返回GUID日期格式的字條串*/GUID.prototype.getGUIDTime = function() {return this.addZero(this.date.getHours()) + this.addZero(this.date.getMinutes()) + this.addZero(this.date.getSeconds()) + this.addZero( parseInt(this.date.getMilliseconds() / 10 ));}/** 功能: 為一位元的正整數前面添加0，如果是可以轉成非NaN數位字串也可以實現* 參數: 參數表示準備再前面添加0的數字或可以轉換成數位字串* 傳回值: 如果符合條件，返回添加0後的字條串類型，否則返回自身的字串*/GUID.prototype.addZero = function(num) {if (Number(num).toString() != 'NaN' && num >= 0 && num < 10) {return '0' + Math.floor(num);} else {return num.toString();}}/* * 功能：將y進位的數值，轉換為x進位的數值* 參數：第1個參數表示欲轉換的數值；第2個參數表示欲轉換的進位；第3個參數可選，表示當前的進位數，如不寫則為10* 傳回值：返迴轉換後的字串*/GUID.prototype.hexadecimal = function(num, x, y) {if (y != undefined) {return parseInt(num.toString(), y).toString(x);} else {return parseInt(num.toString()).toString(x);}}/** 功能：格式化32位的字串為GUID模式的字串* 參數：第1個參數表示32位的字串* 傳回值：標準GUID格式的字串*/GUID.prototype.formatGUID = function(guidStr) {var str1 = guidStr.slice(0, 8) + '-',str2 = guidStr.slice(8, 12) + '-',str3 = guidStr.slice(12, 16) + '-',str4 = guidStr.slice(16, 20) + '-',str5 = guidStr.slice(20);return str1 + str2 + str3 + str4 + str5;}}}

GUID 對象

只需要將其儲存在一個JS檔案中並引用即可。

　　然後我們只需要

　　var guid = new GUID();

　　alert(guid.newGUID());　

　　即可擷取GUID碼。

　　實現原理很簡單，這裡只是採用了系統時間與18個以上的十六進位隨機數組成，並用系統時間轉換為十六進位，這樣雖然還是有可能重複，但是重複的機率極低，可忽略不計。

原生javascript中，新產生的元素怎綁定事件

window.onload = function () { var oBtn = document.getElementById("btn1"); var oUl = document.getElementById("ul1"); var aA = oUl.getElementsByTagName("a"); oBtn.onclick = function () { var oLi = document.createElement("li"); oLi.innerHTML = '11111111111<a href="javascript:;">刪除</a>'; oUl.appendChild(oLi); // 在這裡給新的a添加事件 aA = oLi.getElementsByTagName("a"); for (var i = 0; i < aA.length; i++) { aA[i].onclick = function () { oUl.removeChild(this.parentNode); } } } for (var i = 0; i < aA.length; i++) { aA[i].onclick = function () { oUl.removeChild(this.parentNode); } }}