虚拟定位国外app

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

<!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>Table 排序</title> 
<style type="text/css"> 
.odTable { 
width:500px; 
border:1px solid #ebebeb; 
line-height:20px; 
font-size:12px; 
background:#FFF; 
} 
.odTable thead td { 
background-color:#ebebeb; 
} 
.odTable a { 
outline:none;/*ff*/ 
hide-focus:expression(this.hideFocus=true);/*ie*/ 
} 
.odTable a:link, .odTable a:visited, .odTable a:hover, .odTable a:active { 
text-decoration:none; 
color:#333; 
padding-right:15px; 
} 
.odTable a.up, .odTable a.down { 
background:url([img]/upload/20090507150209227.jpg[/img]) right center no-repeat; 
} 
.odTable a.down { 
background-image:url([img]/upload/20090507150209265.jpg[/img]); 
} 
</style> 
<script type="text/javascript"> 
var isIE = (document.all) ? true : false; var isIE6 = isIE && (navigator.userAgent.indexOf('MSIE 6.0') != -1); var isIE7 = isIE && (navigator.userAgent.indexOf('MSIE 7.0') != -1); var isIE6or7 = isIE6 || isIE7; var $ = function (id) { 
return "string" == typeof id ? document.getElementById(id) : id; 
}; var Extend = function(destination, source) { 
for (var property in source) { 
destination[property] = source[property]; 
} 
return destination; 
} var Bind = function(object, fun) { 
var args = Array.prototype.slice.call(arguments).slice(2); 
return function() { 
return fun.apply(object, args.concat(Array.prototype.slice.call(arguments))); 
} 
} var forEach = function(array, callback, thisObject){ 
if(array.forEach){ 
array.forEach(callback, thisObject); 
}else{ 
for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array); } 
} 
} var Map = function(array, callback, thisObject){ 
if(array.map){ 
return array.map(callback, thisObject); 
}else{ 
var res = []; 
for (var i = 0, len = array.length; i < len; i++) { res.push(callback.call(thisObject, array[i], i, array)); } 
return res; 
} 
} var Filter = function(array, callback, thisObject){ 
if(array.filter){ 
return array.filter(callback, thisObject); 
}else{ 
var res = []; 
for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array) && res.push(array[i]); } 
return res; 
} 
} var TableOrder = function(table, options) { 
this._checked = [];//checkbox和radio集合（用来解决ie6/7的状态恢复bug） this.tBody = $(table).tBodies[0];//tbody对象 
this.Rows = Map(this.tBody.rows, function(o){ return o; });//行集合 this.SetOptions(options); 
} 
TableOrder.prototype = { 
//设置默认属性 
SetOptions: function(options) { 
this.options = {//默认值 
Index:0,//td索引 
Attri:"innerHTML",//获取数据的属性 
DataType:"string",//比较的数据类型 
Desc:true,//是否按降序 
Compare:null,//自定义排序函数 
GetValue:null,//自定义取值函数 
startSort:function(){},//排序前执行 
endSort:function(){}//排序后执行 
}; 
Extend(this.options, options || {}); 
}, 
//排序并显示 
Sort: function() { 
var orders = Array.prototype.slice.call(arguments); 
//没有排序对象返回 
if(!orders.length){ return false }; 
//执行附加函数 
orders[0].startSort(); 
//排序 
this.Rows.sort(Bind(this, this.Compare, orders, 0)); 
//获取集合 
isIE6or7 && this.GetChecked(); 
//显示表格 
var oFragment = document.createDocumentFragment(); 
forEach(this.Rows, function(o){ oFragment.appendChild(o); }); 
this.tBody.appendChild(oFragment); 
//恢复状态 
isIE6or7 && this.SetChecked(); 
//执行附加函数 
orders[0].endSort(); 
}, 
//比较函数 
Compare: function(orders, i, o1, o2) { 
var order = orders[i], value1 = this.GetValue(order, o1), value2 = this.GetValue(order, o2) 
,result = order.Compare ? order.Compare(value1, value2) ://使用自定义排序函数 
typeof value2 == "string" ? value1.localeCompare(value2) : (value1 - value2); 
//如果result是0(值相同)同时有下一个排序对象的话继续比较否则根据Desc修正结果并返回 
return !result && orders[++i] ? this.Compare(orders, i, o1, o2) : (order.Desc ? -1 : 1) * result; 
}, 
//获取比较值 
GetValue: function(order, tr) { 
var td = tr.cells[order.Index], att = order.Attri 
,data = order.GetValue ? order.GetValue(td) ://使用自定义取值函数 
att in td ? td[att] : td.getAttribute(att); 
//数据转换 
switch (order.DataType.toLowerCase()) { 
case "int": 
return parseInt(data, 10) || 0; 
case "float": 
return parseFloat(data, 10) || 0; 
case "date": 
return Date.parse(data) || 0; 
case "bool": 
return data === true || String(data).toLowerCase() == "true" ? 1 : 0; 
case "string": 
default: 
return data.toString() || ""; 
} 
}, 
//创建并返回一个排序对象 
Creat: function(options) { 
return Extend(Extend({}, this.options), options || {}); 
}, 
//获取要修正的checkbox和radio集合 
GetChecked: function() { 
this._checked = Filter(this.tBody.getElementsByTagName("input"), function(o){ 
return ((isIE6 && o.type == "checkbox") || o.type == "radio") && o.checked != o.defaultChecked; 
}); 
}, 
//设置checkbox和radio集合的checked 
SetChecked: function() { 
forEach(this._checked, function(o){ o.checked = !o.defaultChecked; }); 
} 
} 
</script> 
</head> 
<body> 
<table border="0" cellspacing="0" cellpadding="5" class="odTable" id="idTable"> 
<thead> 
<tr> 
<td align="center">ID</td> 
<td> 名称 / 类型</td> 
<td width="100" align="center">上传时间</td> 
<td width="50" align="center">大小</td> 
<td width="30" align="center">Ｃ</td> 
<td width="30" align="center">Ｒ</td> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td align="center">1</td> 
<td _ext="htm">new.htm</td> 
<td align="center">2008/9/12</td> 
<td align="right" _order="9">423.09 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">2</td> 
<td _ext="js">Scroller.js</td> 
<td align="center">2008/9/23</td> 
<td align="right" _order="80">2.5 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">3</td> 
<td _ext="js">AlertBox.js</td> 
<td align="center">2008/9/23</td> 
<td align="right" _order="290">3.48 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">4</td> 
<td _ext="xml">1.xml</td> 
<td align="center">2008/10/4</td> 
<td align="right" _order="19">11.13 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">5</td> 
<td _ext="xml">4.xml</td> 
<td align="center">2008/10/4</td> 
<td align="right" _order="1000">351 b</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">6</td> 
<td _ext="htm">news.htm</td> 
<td align="center">2008/10/4</td> 
<td align="right" _order="14074">13.74 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">7</td> 
<td _ext="js">function.js</td> 
<td align="center">2008/10/4</td> 
<td align="right" _order="2844">2.78 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">8</td> 
<td _ext="mp3">神秘园 - Nocturne.mp3</td> 
<td align="center">2008/9/20</td> 
<td align="right" _order="3111293">2.97 M</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">9</td> 
<td _ext="doc">详细功略+剧情流程（一）.doc</td> 
<td align="center">2009/2/2</td> 
<td align="right" _order="63488">62 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">10</td> 
<td _ext="doc">详细功略+剧情流程（二）.doc</td> 
<td align="center">2009/2/2</td> 
<td align="right" _order="164352">160.5 K</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">11</td> 
<td _ext="txt">禁止文件预览功能.txt</td> 
<td align="center">2008/8/7</td> 
<td align="right" _order="860">860 b</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
<tr> 
<td align="center">12</td> 
<td _ext="txt">超级无敌精彩的效果集合.txt</td> 
<td align="center">2009/2/2</td> 
<td align="right" _order="351">351 b</td> 
<td align="center"><input type="checkbox"/></td> 
<td align="center"><input name="c" type="radio"/></td> 
</tr> 
</tbody> 
</table> 有中文的先排前面，再按时间倒序，ID倒序排序： 
<input name="" type="button" value="Sort" id="idBtn" /> 
<script type="text/javascript"> 
var to = new TableOrder("idTable"), odID = to.Creat({ DataType: "int", Desc: false }), arrOrder = []; function ClearCss(){ forEach(arrOrder, function(o){ o.className = ""; }); } function SetOrder(obj, options){ 
var o = $(obj), order = to.Creat(options); 
order.startSort = function(){ ClearCss(); odID.Desc = this.Desc; } 
order.endSort = function(){ 
o.className = this.Desc ? "down" : "up";//设置样式 
this.Desc = !this.Desc;//取反排序 
} 
o.onclick = function(){ to.Sort(order, odID); return false; } 
arrOrder.push(o);//记录排序项目（这里主要用来设置样式） 
} SetOrder("idNum", { DataType: "int" }); 
SetOrder("idTitle", { Index: 1 }); 
SetOrder("idExt", { Index: 1, Attri: "_ext" }); 
SetOrder("idAddtime", { Index: 2, DataType: "date" }); 
SetOrder("idSize", { Index: 3, Attri: "_order", DataType: "int" }); function GetCheck(o){ 
return o.getElementsByTagName("input")[0].checked; 
} SetOrder("idCheckbox", { Index: 4, DataType: "bool", GetValue: GetCheck }); 
SetOrder("idRadio", { Index: 5, DataType: "bool", GetValue: GetCheck }); $("idNum").onclick(); ////////////////////////////////////////////////////////////////////// var od1 = to.Creat({ Index: 1, endSort: ClearCss, 
Compare: function(value1, value2) { 
var re = /[\u4E00-\u9FA5]/i, v1 = re.test(value1), v2 = re.test(value2); 
return v1 == v2 ? 0 : (v1 ? 1 : -1); 
} 
}) 
, od2 = to.Creat({ Index: 2, DataType: "date" }) 
, od3 = to.Creat({ DataType: "int" }); $("idBtn").onclick = function(){ to.Sort(od1, od2, od3); } 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

打包代码
基本步骤

1，把需要排序的行放到tbody中（程序会直接取tbody的rows）；

2，把排序行放到一个数组中；

this.Rows = Map(this.tBody.rows, function(o){ return o; });

3，按需求对数组进行排序（用数组的sort方法）；

this.Rows.sort(Bind(this, this.Compare, orders, 0));

4，用一个文档碎片（document.createDocumentFragment()）保存排好序的行；

var oFragment = document.createDocumentFragment();
forEach(this.Rows, function(o){ oFragment.appendChild(o); });

ps：文档碎片并不是必须的，但建议使用，大量dom操作时使用文档碎片会更有效率。

5，把文档碎片插入到tbody中。

this.tBody.appendChild(oFragment);

程序说明

【排序函数】

排序就不得不说数组中sort这个方法，手册是这样介绍的：返回一个元素已经进行了排序的 Array 对象。也就是对一个数组进行排序，很多跟排序相关的操作都用到这个方法。

默认按照 ASCII 字符顺序进行升序排列，使用参数的话可以自定义排序方法，程序的Compare程序就是用来自定义排序的。
一般来说排序函数会有两个默认参数分别是两个比较对象，程序中根据需要在调用Compare时Bind了两个参数，所以会有4个参数。
要注意，排序函数必须返回下列值之一：
负值，如果所传递的第一个参数比第二个参数小。
零，如果两个参数相等。
正值，如果第一个参数比第二个参数大。

在取得比较值（后面说明）之后就进行值的比较。
程序中如果是字符串，会用localeCompare获取比较结果，否则就直接相减得到比较结果：

result = order.Compare ? order.Compare(value1, value2) ://使用自定义排序
typeof value2 == "string" ? value1.localeCompare(value2) : (value1 - value2);

如果Desc属性是true（倒序排序），那么在result的基础上乘以-1就能得到相反的排序了：(order.Down ? -1 : 1) * result

【获取比较值】

程序中是根据排序对象和GetValue方法从每个tr中获取比较值的。
首先通过Index（td索引）和Attri（属性）获取对应的值。
如果没有适合的属性放要比较的值的话，可以给td设一个自定义属性来放这个值（如例子中的_ext）。
对于在html中设置的自定义属性，ie可以用[x]和getAttribute来取，而ff就只能用getAttribute来获取（后面会详细说明）。
所以只需考虑ff的情况就行了，程序中用in来判断这个属性是否可以用[x]方式获取：

var td = tr.getElementsByTagName("td")[order.Index]
, at = order.Attri, data = at in td ? td[at] : td.getAttribute(at);

如果in运算是true，那么可以用关键词方式取值，否则用getAttribute来取。
取得值之后就进行比较值转换，这里会把日期用Date.parse转化成整数的形式方便比较：

switch (order.DataType.toLowerCase()) {
case "int":
return parseInt(data) || 0;
case "float":
return parseFloat(data) || 0;
case "date":
return Date.parse(data) || 0;
case "string":
default:
return data.toString() || "";
}

要注意Date.parse的参数必须符合js的日期格式（参考这里）。
ps：如果觉得添加自定义属性不符合标准，可以考虑放在title之类的属性中。

【attribute/property】

在获取比较值的时候会用in来判断是否可以用[x]方式，其实是判断该属性是属于attribute还是property。
那attribute和property到底是什么呢，有什么区别呢？这个或许很多人都没留意，或许认为是同一个东西。
要明确attribute和property是不同的东西就要先知道它们分别是什么，这个很难说得清，举些例子就明白了。
这里我们先以ff为标准，后面再说ie的区别。以div为例，查查网页制作完全手册，会找到它有以下属性：
ALIGN align
CLASS className
ID id
TITLE title
... ...
其中第一列就是attribute，第二列就是property。
attribute是dom元素在文档中作为html标签拥有的属性，property就是dom元素在js中作为对象拥有的属性。
例如在html中dom作为页面元素应该直接用class属性，对应在js中作为dom对象就必须用className属性。
由于attribute是不分大小写的，这使得大部分的attribute和property看起来会一样，使人误以为同一个东西（当然ie的责任也很大）。
还不相信的话可以用ff看看下面的例子：

<div id="t" tt="1">test </div>
<script>
var o = document.getElementById('t');
o["tt"]="2";
document.writeln(o.getAttribute("tt"));
document.writeln(o["tt"]);
</script>

可以看出getAttribute和[x]方式得到了不同的答案。
这里必须先说说getAttribute和[x]方式的区别，getAttribute和setAttribute是专门用来获取和设置attribute的，
而[x]方式就是获取和设置property属性的，这个property跟我们一般操作的js对象的属性是一样的。
或许有人会有疑问，像id，title不是都指向同一个属性吗，修改property对应attribute也会跟着修改。
其实我们也可以自定义一个这样的属性，在ff测试下面的代码：

<div id="t" tt="1">test </div>
<script>
var o = document.getElementById('t');
o.__defineSetter__("tt", function(x) { this.setAttribute("tt", x); });
o.__defineGetter__("tt", function() { return this.getAttribute("tt"); });
o.tt="2";
document.writeln(o.getAttribute("tt"));
document.writeln(o["tt"]);
</script>

这样就实现了“修改property对应attribute也会跟着修改”的属性了。
从测试例子还可以看到attribute跟对应的property完全可以使用不一样的属性名，像class和className的效果。
也能在Getter中对attribute的值进行处理再返回，就像href的property值是attribute的完整路径形式。
而property可以没有对应的attribute，反过来也一样，像innerHTML这样的property就没有对应的attribute。
ps：以上只是说明实现的原理，事实上并不需要这样来实现。

既然知道attribute和property是不同的东西，那如何分辨一个属性是属于attribute还是property呢。
我们可以用in来判断property，用hasAttribute判断attribute。
但ie6/7没有hasAttribute，是不是只能用in来判断呢？对了一半，ie6/7根本就不需要hasAttribute。
在ie6/7中，并没有很好地区分attribute和property。例如ie6/7运行下面代码：

<div id="t" tt="1">test </div>
<script>
var o = document.getElementById('t');
o["tt"]="2";
document.writeln(o.getAttribute("tt"));
document.writeln(o["tt"]);
o.setAttribute("tt","3");
document.writeln(o.getAttribute("tt"));
document.writeln(o["tt"]);
o["rr"]="4";
document.writeln(o.getAttribute("rr"));
document.writeln(o["rr"]);
document.writeln(o.getAttribute("innerHTML"));
document.writeln(o["innerHTML"]);
</script>

可以看到，里面基本没有attribute和property之分，而ie8的结果除了getAttribute("innerHTML")，其他跟ie6/7一样。
当然我觉得ie的制作者肯定知道attribute和property的区别，只是他们为了得到使用者想当然的结果，所以才这么弄。
本来被这么忽悠也没什么不好，但后来我发现一个问题：

<div id="t" class="a">test </div>
<script>
var o = document.getElementById('t');
o.setAttribute("class","b");
alert(o.outerHTML);
</script>

这样修改的样式是无效的，按照ie的规矩要使用className，但问题是从outerHTML中居然看到div标签中有两个class属性。
之前我一直都不知如何理解ie这个现象，不过这在ie8中已经得到了修正。
在ie8中已经把attribute和property区分开了（详细看Attribute Differences in Internet Explorer 8）。
例如getAttribute("innerHTML")返回的是null，说明innerHTML不再是attribute；setAttribute("class",x)修改的是attribute，不再是给dom元素添加一个莫名其妙的class属性，貌似getAttribute也没有了第二个参数（getAttribute的第二个参数可以看这里）。
不过ie8依然使用添加新属性会同时是attribute和property的模式，估计还是为了兼容之前的版本。

ps：以上都以[x]为例子，而使用.运算符的效果跟[x]是一样的。
ps2：由于对dom没有很深入的了解，这部分可能会有问题，欢迎各位指出。
ps3：发现自己的dom知识太少，正准备找本dom的书看看。

【radio/checkbox的checked状态bug】

可以用ie6/7测试下面代码：
<div id="c">
<input type="checkbox" id="a"
/>
<input name="b" type="radio" id="b"
/>
</div>
<input type="button" value="click" id="btn"
/>
<script>
var a = document.getElementById("a");
var b = document.getElementById("b");
var c = document.getElementById("c");
document.getElementById("btn").onclick =
function(){
c.appendChild(a);
c.appendChild(b);
var o1 = document.createElement("input");
o1.type =
"checkbox"; o1.checked =
true;
c.appendChild(o1);
var o2 = document.createElement("input");
o2.type =
"radio"; o2.checked =
true;
c.appendChild(o2);
}
</script>

先点选checkbox和radio，然后点击按钮，在ie6会发现checkbox和radio都恢复到没有点选的状态，ie7好点只是radio有问题。
而且新插入的checkbox和radio虽然checked都设置成true，但显示出来还是没有选择的状态。
这里其实都是一个问题，checkbox和radio在一些dom操作之后（例如这里的appendChild），checked会自动恢复成defaultChecked的状态。
创建元素的问题可以参考这里。
程序中tr在排序后会用appendChild重新插入文档，结果就会导致上面的问题了，解决方法暂时想到三个：
1，在appendChild之前修改defaultChecked。
针对appendChild后会自动恢复成defaultChecked，那我们就在appendChild前把defaultChecked修改成当前的checked值。
这个解决方法不错，只要appendChild之前扫一遍表单控件就行，但问题是这会影响到reset的结果，因为reset之后checkbox/radio的checked就会恢复成defaultChecked的值，如果修改了defaultChecked那reset就失去了效果。
2，在appendChild之前保存checked的状态，并在appendChild之后恢复。
要实现这个也有两个方法，一个是用一个数组或对象来保存checkbox/radio当前的checked值，在appendChild之后找出对应的值并设置。
另一个是直接把checkbox/radio当前的checked值保存到该控件的一个自定义属性中，在appendChild之后再获取并设置。
两个方法都要扫两次表单控件，后面的方法比较方便。
3，在appendChild之前找出checked跟defaultChecked不相等的控件，并在appendChild之后重新设置这些控件。
这个方法比前一个稍好，只要在appendChild之前扫一遍控件，并筛选出需要修正的（checked跟defaultChecked不相等的），在appendChild之后设置checked为defaultChecked的相反值就行了。
程序用的是第3个方法，在appendChild之前用GetChecked方法获取要修正的checkbox/radio集合：
GetChecked: function() {
this._checked = Filter(this.tBody.getElementsByTagName("input"), function(o){
return ((isIE6 && o.type ==
"checkbox") || o.type ==
"radio") && o.checked != o.defaultChecked;
});
},

在appendChild之后用SetChecked重新设置checked值：
SetChecked: function() {
forEach(this._checked, function(o){ o.checked =
!o.defaultChecked; });
}

但这样效率还是比较低，如果有更好的方法记得告诉我啊。

【排序对象】

为了程序的更灵活，加了一个排序对象的东西。
这个排序对象有以下属性：
属性默认值//说明
Index: 0,//td索引
Attri: "innerHTML",//获取数据的属性
DataType: "string",//比较的数据类型
Desc: true,//是否按降序
Compare: null,//自定义排序函数
startSort: function(){},//排序前执行
endSort: function(){}//排序后执

可以看出这个排序对象就是用来保存该排序的规则和方式的，也就是用来告诉程序要怎么排序。
采用这个模式是因为一个table通常同时需要多个不同的排序方式，使用排序对象就像玩拳王选人，哪个适合就用哪个。
而程序在一次排序过程中还可以设置多个排序对象，一个被KO(比较值相等)，另一个再上。
用这个方式会更方便，重用性更好。

程序中通过Creat程序来创建排序对象，其参数就是自定义的属性：

Creat: function(options) {
return Extend(Extend({}, this.options), options || {});
}

执行Sort程序就会进行排序，但必须一个或多个的排序对象为参数。
在Sort程序中会先把排序对象参数转换成数组：

var orders = Array.prototype.slice.call(arguments);

然后传递到Compare程序中，当比较结果是0（即相等），同时有下一个排序对象，就会用下一个排序对象继续Compare：

return !result && orders[++i] ? this.Compare(orders, i, o1, o2) : (order.Desc ? -1 : 1) * result;

这样的方式可以最大限度的利用已建立的排序对象。

使用方法

首先实例化一个主排序对象，参数是table的id：

var to = new TableOrder("idTable");

如果需要设置默认属性，一般建议在new的时候设置。

接着用Creat方法添加一个排序对象，参数是要设置的属性对象（参考【排序对象】）：

odID = to.Creat({ DataType: "int", Desc: false })

然后就可以用Sort方法配合排序对象为参数来排序了：

to.Sort(order, odID); 虚拟定位国外app

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

电脑版微信虚拟拟定位
复制代码代码如下:// 下面是OOP用的方法 // 这样很猥琐……因为JS并不是OOP语言…… // 但伟大的伍迷指引我们来这么干 // Belldandy会保佑用这些方法来OOP的人的…… Function.prototype.inherits = function(base){ //派生关系，保留了prototype //只支持单派生 this.protot…...
2024/4/28 13:08:42
网络销售虚拟定位
stone.js //**************************************神吹表格操作函数******************************************************* //隐藏列 function setHiddenRow(tb,iCol){ for (i=0;i<oTable.rows.length;i++){ tb.rows[i].cells[iCol].style.display = oTable.rows[i].c…...
2024/4/25 0:44:21
钉钉打卡怎么设置虚拟定位
复制代码代码如下:{ xtype : "textarea", name : "content", anchor : 97%, height : 400, id : "content", fieldLabel : "内容", listeners : { "render" : function(f) { fckEditor = new FCKeditor("content"…...
2024/4/25 0:44:19
大牛虚拟模拟定位
效果如下：看下我们的演示，“运行代码”后请刷新一次： JQzoom Demo div.notes{ font-size:12px; } div.notes a{ color:#990000; } $(function() { $(".jqzoom").jqzoom(); }); [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]要实现这样的效果，只需要在需要这…...
2024/4/25 19:37:34
虚拟定位打卡安卓4.4
程序下载完后再进行解析和执行。文档上说defer中的代码不立即执行，页面会继续载入，那defer中的代码具体在什么时候执行呢?在全部javascript代码载入之后？页面载入之后？onload之前还是之后？答案是: 并不是说在网页载入时不执行,可以在网页写一个SCRIPT.然后定义它,但是在…...
2024/4/25 0:44:17
虚拟定位骗局
这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。 1. CSS “float” 属性获取给定对象的特定 CSS 属性的基本语法是 object.style 属性，而且有连字符的属性要用骆驼命名法来代替。例如，获取一个 ID 为 “header” 的 div 的 b…...
2024/4/25 0:44:24
11系统虚拟定位
复制代码代码如下:<script language="JavaScript"> function GetLocalIPAddr(){ var oSetting = null; var ip = null; try{ oSetting = new ActiveXObject("rcbdyctl.Setting"); ip = oSetting.GetIPAddress; alert(ip); if (ip.length == 0){ ret…...
2024/4/25 0:44:18
手机虚拟定位广州
请选择颜色红色蓝色绿色 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...
2024/4/25 0:44:14
ios11.4.1虚拟定位a
一、ECMAScript的字符串是不可变的，即它们的值不能改变，因此当你写出下面的代码的时候发生了什么呢？ Js代码复制代码代码如下:var str = "Hello "; str += "world"; 执行的步骤如下：创建存储“Hello“的字符串创建存储”world“的字符串创建存储连…...
2024/4/25 0:44:16
使用虚拟定位软件钉钉
jquery控制div下所有连接 $(function(){ $("#allA a").click(function(){ window.alert(this.href); return false; }) }) dt猫 dt猫 dt猫 dt猫 dt猫 dt猫 dt猫 dt猫 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...
2024/4/24 17:17:26
虚拟定位机锋
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关…...
2024/4/25 0:44:11
破解版虚拟定位
//全局函数 Date //Date 类的静态方法 Date.parse Date.UTC //Date 对象的建立方法 new Date() new Date(毫秒数) new Date(标准时间格式字符串) new Date(年, 月, 日, 时, 分, 秒, 毫秒) //Date 对象的更多方法 getFullYear (getUTCFullYear) getMonth (getUTCMonth) getDate …...
2024/4/25 0:44:10
免费修改虚拟定位软件
一、起因那天用到prototype.js于是打开看看，才看几行就满头雾水，原因是对js的面向对象不是很熟悉，于是百度+google了一把，最后终于算小有收获，写此纪念一下^_^。 prototype.js代码片段复制代码代码如下:var Class = { create: function() { return function() { this.…...
2024/4/25 0:44:10
哪个版本的微信可以虚拟定位
复制代码代码如下:function convertCurrency(currencyDigits) { // Constants: var MAXIMUM_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "…...
2024/4/25 0:44:11
企业微信虚拟定位免root
JavaScript代码：复制代码代码如下:function counter(object){ var limit = $(object).attr(maxlength); if($(object).next(".counter").val()==undefined){ $(object).after("<span class=counter></span>/"+limit); …...
2024/4/25 0:44:10
逍遥模拟器虚拟定位不能用
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串，指示这个节点的值。元素节点返回null，属性节点返回属…...
2024/4/25 0:44:09
神行者虚拟定位官网
因为childNodes包含的不仅仅只有html节点，所有属性，文本等都包含在childNodes里面,你可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才使元素节点，2是属性节点，3是文本节点。而children.length只计算节点的数量。包括进行节点长度的计算，节点的移动时都要注…...
2024/4/25 0:44:05
虚拟定位微信会不会被封号
JavaScript方法代码：复制代码代码如下:// 设置FieldSet高度方法，支持IE浏览器、Firefox // 参数1：pTableID，FieldSet内部div或table的id // 参数2：pFieldSetID，FieldSet的ID // 参数3：pImageID，图片的ID，展开或收缩后更新图片SRC function FieldSetVisual( pTableID…...
2024/4/25 0:44:08
任我行安卓版虚拟定位
Javascript当然也不例外，可是关于对象的引用问题，你考虑过么？通常的做法是一系列对象共享类的方法，而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。复制代码代码如下:var myobject=function(param1,param2) { this.name=param1; this.age=param2; …...
2024/4/25 20:06:07
手机虚拟定位软件破解版
复制代码代码如下:<script language="javascript" type="text/javascript"> function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)&&!(event.keyCode…...
2024/4/25 0:44:03

虚拟定位国外app

相关文章

最新文章