javascript表格随机排序代码

更新时间：2008年09月09日 12:53:06 作者：

非常不错的思路，用js实现表格的随机排序，建议大家看代码，学习编程思路

<!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>表格随机排序练习 by 阿会楠</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 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="随机排序" > <a href="https://www.jb51.net" target="_blank">脚本之家</a> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js与jquery获取input输入框中的值实例讲解
在本篇文章里小编给大家整理了关于js与jquery获取input输入框中的值实例讲解，需要的朋友们可以学习参考下。
2020-02-02
详解微信小程序开发之城市选择器城市切换
这篇文章主要介绍了详解微信小程序开发之城市选择器城市切换，非常具有实用价值，需要的朋友可以参考下。
2017-01-01
JS实现跟随鼠标闪烁转动色块的方法
这篇文章主要介绍了JS实现跟随鼠标闪烁转动色块的方法,涉及javascript操作html元素及css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
javascript中eval和with用法实例总结
这篇文章主要介绍了javascript中eval和with用法,结合实例形式总结分析了JavaScript中eval和with的功能、用法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
JavaScript判断是否是微信浏览器
通过判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器。下面小编给大家分享实现代码，代码简单易懂，需要的朋友可以参考下
2016-06-06
javascript FormatNumber函数实现方法
如果有一个数字498.8573945,如何把它格式化成两位小数据呢？用过asp的都知道,在vbscript里我们可以调用formatnumber,即用formatnumber(498.8573945,2)就可以输出：498.86。
2008-12-12
JavaScript中常见的几种获取元素的方式
这篇文章主要介绍了JavaScript中常见的几种获取元素的方式,需要的朋友可以参考下
2023-05-05
js实现中文实时时钟
这篇文章主要为大家详细介绍了js实现中文实时时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01
分享一个自己写的table表格排序js插件(高效简洁)
在前不久做的一个web项目中，需要实现js表格排序的效果，当时为了省事，就在网上找了几个相关的js插件
2011-10-10
javaScript 数值型和字符串型之间的转换
javaScript 数值型和字符串型之间的转换
2009-07-07

javascript表格随机排序代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具