javascript表格隨機(jī)排序代碼

更新時(shí)間：2008年09月09日 12:53:06 作者：

非常不錯(cuò)的思路，用js實(shí)現(xiàn)表格的隨機(jī)排序，建議大家看代碼，學(xué)習(xí)編程思路

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表格隨機(jī)排序練習(xí) by 阿會(huì)楠</title> <style type="text/css"> #main{ width:700px; } #main div{ width:200px; margin-left:10px; margin-top:20px; float:left; } div table{ width:100%; } </style> <script type="text/javascript" charset="GB2312"> function arrRand(obj){ var a = new Array(); for(var i = 0;i < obj;i++){ a[i] = i + 1; } a.sort(function(){return 0.5 - Math.random()}); return a; } function randTable(){ var c = arrRand(len); for(var k = 0;k < len;k ++){ divs[c[k] - 1].innerHTML = b[k]; } } var b = new Array(); var divs = new Object; var len;; window.onload = function(){ divs = document.getElementById("main").getElementsByTagName("div"); len = divs.length; for(var j = 0;j < len;j++){ b[j] = divs[j].innerHTML; } randTable(); } </script> </head> <body> <div   class="u8cyqko"   id="main"> <div> <table border="1"> <tr><td>A</td></tr> </table> </div> <div> <table border="1"> <tr><td>B</td></tr> </table> </div> <div> <table border="1"> <tr><td>C</td></tr> </table> </div> <div> <table border="1"> <tr><td>D</td></tr> </table> </div> <div> <table border="1"> <tr><td>E</td></tr> </table> </div> <div> <table border="1"> <tr><td>F</td></tr> </table> </div> </div> <input type="button" onclick="randTable()" value="隨機(jī)排序" > <a href="http://www.dhdzp.com" target="_blank">腳本之家</a> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

js與jquery獲取input輸入框中的值實(shí)例講解
在本篇文章里小編給大家整理了關(guān)于js與jquery獲取input輸入框中的值實(shí)例講解，需要的朋友們可以學(xué)習(xí)參考下。
2020-02-02
詳解微信小程序開發(fā)之城市選擇器城市切換
這篇文章主要介紹了詳解微信小程序開發(fā)之城市選擇器城市切換，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2017-01-01
JS實(shí)現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動(dòng)色塊的方法
這篇文章主要介紹了JS實(shí)現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動(dòng)色塊的方法,涉及javascript操作html元素及css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
javascript中eval和with用法實(shí)例總結(jié)
這篇文章主要介紹了javascript中eval和with用法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript中eval和with的功能、用法與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
JavaScript判斷是否是微信瀏覽器
通過判斷UA中是否有關(guān)鍵字micromessenger，有的話則是微信內(nèi)置瀏覽器。下面小編給大家分享實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，需要的朋友可以參考下
2016-06-06
javascript FormatNumber函數(shù)實(shí)現(xiàn)方法
如果有一個(gè)數(shù)字498.8573945,如何把它格式化成兩位小數(shù)據(jù)呢？用過asp的都知道,在vbscript里我們可以調(diào)用formatnumber,即用formatnumber(498.8573945,2)就可以輸出：498.86。
2008-12-12
JavaScript中常見的幾種獲取元素的方式
這篇文章主要介紹了JavaScript中常見的幾種獲取元素的方式,需要的朋友可以參考下
2023-05-05
js實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)中文實(shí)時(shí)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
分享一個(gè)自己寫的table表格排序js插件(高效簡(jiǎn)潔)
在前不久做的一個(gè)web項(xiàng)目中，需要實(shí)現(xiàn)js表格排序的效果，當(dāng)時(shí)為了省事，就在網(wǎng)上找了幾個(gè)相關(guān)的js插件
2011-10-10
javaScript 數(shù)值型和字符串型之間的轉(zhuǎn)換
javaScript 數(shù)值型和字符串型之間的轉(zhuǎn)換
2009-07-07