【JS实现HTML表格排序功能】教程文章相关的互联网学习教程文章

JavaScript Table排序 2.0 (更新)

近来还是那么忙,趁五一更新一下程序吧。 这个版本主要增加和改进了以下东西: 1,对字符串改用localeCompare来比较; 2,一次排序中能使用多个排序对象(用于值相等时再排序); 3,修正一些发现的问题; 4,改进程序结构,个人觉得是更灵活更方便了; 5,增加bool类型比较; 6,添加attribute/property的内容; 7,修正ie6/7的radio/checkbox状态恢复bug; 8,增加自定义取值函数。 Table 排序 .odTable { width:500px; border...

javascript 表格排序和表头浮动效果(扩展SortTable)

一、SortTable说明 SortTable version 2 7th April 2007 Stuart Langridge, http://www.kryogenix.org/code/browser/sorttable/ Instructions: Download this file Add <script src=”sorttable.js”></script> to your HTML Add class=”sortable” to any table you'd like to make sortable Click on the headers to sort Thanks to many, many people for contributions and suggestions. Licenced as X11: http://www.kryogen...

js 静态HTML表格排序功能实现

无标题文档 *{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;} body{text-align:center;} table{margin:100px auto;} td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;} .red{color:red;} .top{background:#CCCCCC;cursor:pointer;} .up{background:#FFFFCC url(/upload/20090211095733175.gif) no-repeat right 5px;} .down{background:#FFFFCC url(/upl...

js表数据排序 sort table data

建议看 //www.gxlcms.com/article/11349.htm 这篇文章,后面是一些补充,实现代码重点:table class=sortable 2. test.htm 代码如下:<SCRIPT src="sort.js" type="text/javascript"></SCRIPT> <table class=sortable id=mc1 border="1" width="1350" cellspacing="0" bordercolordark="#FFFFFF" bordercolorlight="#000000" style="word-break:break-all;"> <tr align=center> <td width="250" align=left>一、计划工作项目(2009年...

javascript表格随机排序代码

表格随机排序练习 by 阿会楠 #main{ width:700px; } #main div{ width:200px; margin-left:10px; margin-top:20px; float:left; } div table{ width:100%; } function arrRand(obj){ var a = new Array(); for(var i = 0;i A B C D E F 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JavaScript 给汉字排序实例代码

比如 var arr = ["中","华","人","民","共","和","国"],在执行 sort 方法后结果为 :中,人,共,华,和,国,民,既不是拼音也不是笔划数量的排序。 以前很少留意过 localeCompare 方法,手册中说它执行时返回一个值,指出在当前的区域设置中两个字符串是否相同。返回值有三种:-1,0,1,刚好是 sort 方法参数所需要的类型。把 localeCompare 应用到 sort 方法中去,看看结果: var arr = ["中","华","人","民","共","和","国"]; ...

惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样【图】

惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样////////////////// 惊云JS随机排序程序 ////////////////// // 程式编写: 惊云 个人主页:百万网址www.65658.com] // // 请你尊重作者的劳动,不要修改以上版权说明,谢谢!! // //////////////////////////////////////////////////////// theAds=new Array(); //////// 广告数 shu = 8 ///////标题前面内容 dot='4' //////// 广告内容 theAds[1]='资讯中...

Auntion-TableSort国人写的一个javascript表格排序的东西

Auntion-TableSort最新版 修复了一个数字排序的问题.放出下载 07年5月5日Auntion TableSort 测试交流第一版 (下一版将会存在部分表格相关特效) ----------------------------------------------------------------------------- 作者:Auntion blog:Auntion.blogbus.com e-mail:Auntion@Gmail.com QQ:82874972 ----------------------------------------------------------------------------- 注: 转载请将此说明全部发出,因为可能...

一实用的实现table排序的Javascript类库

一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。 特别适合多表查询的排序。加上<tbody>的style.display 切换,也可以实现分页。 效果演示 用法: 1.添加JS <SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT> 2.添加TABLE,注意的是:一定要有ID,class为"sortable" <table class="sortable" id="mytable"> OK,可以了,简单的吧 如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS...

javascript select列表内容按字母倒序排序与按列表倒序排列

今天51js上有网友贴出了这个问题,原本以为是把内容按字母顺序倒序排列,因为以前看过一篇正序排列的文章,偶就想倒序也应该不难,查看了下资料便很快搞定了问题. 无忧脚本代码测试网页 b e c f a function st(a,b){ if(a>b) return -1; else if(a0){ t1[t1.length]=tt[0].text; t2[t2.length]=tt[0].value; tt.remove(0); } t1.sort(st); for(var i=0,c1,c2;c1=t1[i],c2=t2[i];i++){ tt.add(new Option(c1,c2)); } } sort(...

Javascript中的常见排序算法

具体代码及比较如下所示: 代码如下:<!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" lang="gb2312"> <head> <title> 常见排序算法 之 JavaScript版 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="keywords" content="排序,算法,JavaScript排序"...

JavaScript快速排序

function quickSort() { function doSort(a,s,e) { if(stemp); if(s>e)break; var tem=a[s]; a[s]=a[e]; a[e]=tem; } a[st]=a[e]; a[e]=temp; return e; } doSort(this,0,this.length-1); return this; } Array.prototype.quickSort=quickSort; alert(new Array(5,2,4,6,1).quickSort()); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 代码如下:再你多快,你快不过Array.prototype.sort var a=[4,723,3,...

数据排序谁最快(javascript中的Array.prototype.sort PK 快速排序)

但是让我感到意外的是,下面有个网友回复说,javascript中的Array本身的sort方法才是最快的,比快速排序算法都快,当时看到了很是郁闷,因为当时花了好长时间在排序算法上,居然忘记了Array本身的sort方法 不过javascript中内置的sort方法真的比快速排序算法还快吗? 哈哈,测试一下不就知道了 先说一下我测试的环境 1,我的测试环境是IE6.0和firefox2.0 2,每种算法有很多种不同的实现方法,下面测试中我选择上面网友实现的快速排...

JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)

JavaScript中对变量的操作都是通过引用方式,而对数组也一样。 前两天想要对一个数组进行复制,一直苦于找不到办法(遍历的方法俺是绝对不采用的) 无意中拿起《JavaScript权威指南》翻了翻数组的操作函数,发现了slice()函数。 slice()原来是用来截取数组中的一部分,这里我用它来复制数组,它的格式如下: array.slice(start, end) 如果省略了end参数,则切分的数组包含从start开始到数组结束的所有元素。 现在要用它来复制数组...

发个自己写的表格操作类(添加,删除,排序,上移,下移)

*{font-size:14px}button{margin:3px} var mytable=null,mytable2=null; window.onload=function(){ mytable=new CTable("tbl",10); mytable2=new CTable("tbl2",6); } Array.prototype.each=function(f){for(var i=0;i0 && self.getChkBox(arr[arr.length-1]).checked){ for(var i=arr.length-1;i>=0;i--){ if (self.getChkBox(arr[i]).checked){ arr.pop() }else{ break } } } arr.reverse().each(functi...

功能 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部