热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript单击标题排序

注:本文章摘选于网络资源并非原创!例1.点击Table的表头进行一列的升序与倒序的排列。12vark0;3**

  注:本文章摘选于网络资源并非原创!

  例1.点击Table的表头进行一列的升序与倒序的排列。

1

  例1.的HTML页面代码:

1 <html>
2 <head>
3 <title>SortTable2title>
4 <meta http-equiv&#61;"content-type" content&#61;"text/html; charset&#61;UTF-8">
5
6 head>
7 <body>
8 <form name&#61;"f1" id&#61;"f1" action&#61;"" method&#61;"post">
9 <table border&#61;"1" id&#61;"tblSort" sortCol&#61;"-1">
10 <thead>
11 <tr>
12 <th onClick&#61;"sortTable(&#39;tblSort&#39;,0);" style&#61;"cursor:pointer">Last Nameth>
13 <th onClick&#61;"sortTable(&#39;tblSort&#39;,1)" style&#61;"cursor:pointer">First Nameth>
14 <th onClick&#61;"sortTable(&#39;tblSort&#39;,2,&#39;date&#39;)" style&#61;"cursor:pointer">Birthdayth>
15 <th onClick&#61;"sortTable(&#39;tblSort&#39;,3,&#39;int&#39;)" style&#61;"cursor:pointer">Silbingsth>
16 tr>
17 thead>
18 <tbody>
19 <tr>
20 <td>Simthtd>
21 <td>Johntd>
22 <td>7/12/1978td>
23 <td>2td>
24 tr>
25 <tr>
26 <td>Johnsontd>
27 <td>Bettytd>
28 <td>5/12/1965td>
29 <td>5td>
30 tr>
31 <tr>
32 <td>Hendersontd>
33 <td>Nathantd>
34 <td>10/15/1977td>
35 <td>3td>
36 tr>
37 <tr>
38 <td>Willianmstd>
39 <td>Jamestd>
40 <td>2/25/1949td>
41 <td>1td>
42 tr>
43 <tr>
44 <td>Gilliamtd>
45 <td>Michaeltd>
46 <td>7/8/1980td>
47 <td>4td>
48 tr>
49 <tr>
50 <td>Walkertd>
51 <td>Matthewtd>
52 <td>6/18/1981td>
53 <td>3td>
54 tr>
55 tbody>
56 table>
57 form>
58 body>
59 html>

  例2.根据中文字符串排序功能&#xff1a;

1 * 比较函数
2 * &#64;param {Object} param1 要比较的参数1
3 * &#64;param {Object} param2 要比较的参数2
4 * &#64;return {Number} 如果param1 > param2 返回 1
5 * 如果param1 &#61;&#61; param2 返回 0
6 * 如果param1 7 */
8 function compareFunc(param1,param2){
9 //如果两个参数均为字符串类型
10 if(typeof param1 &#61;&#61; "string" && typeof param2 &#61;&#61; "string"){
11 return param1.localeCompare(param2);
12 }
13 //如果参数1为数字&#xff0c;参数2为字符串
14 if(typeof param1 &#61;&#61; "number" && typeof param2 &#61;&#61; "string"){
15 return -1;
16 }
17 //如果参数1为字符串&#xff0c;参数2为数字
18 if(typeof param1 &#61;&#61; "string" && typeof param2 &#61;&#61; "number"){
19 return 1;
20 }
21 //如果两个参数均为数字
22 if(typeof param1 &#61;&#61; "number" && typeof param2 &#61;&#61; "number"){
23 if(param1 > param2) return 1;
24 if(param1 &#61;&#61; param2) return 0;
25 if(param1 return -1;
26 }
27 }

 

   这些东西都是在工作中碰到的一些问题&#xff0c;在网上查找的一些资料&#xff0c;分享一下&#xff0c;希望对大家有所帮助&#xff01;

转:https://www.cnblogs.com/JonTim/p/3865049.html



推荐阅读
  • 本文介绍了如何在给定的有序字符序列中插入新字符,并保持序列的有序性。通过示例代码演示了插入过程,以及插入后的字符序列。 ... [详细]
  • Python正则表达式学习记录及常用方法
    本文记录了学习Python正则表达式的过程,介绍了re模块的常用方法re.search,并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具,通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]
  • 个人学习使用:谨慎参考1Client类importcom.thoughtworks.gauge.Step;importcom.thoughtworks.gauge.T ... [详细]
  • [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程,同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率,并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 本文详细介绍了GetModuleFileName函数的用法,该函数可以用于获取当前模块所在的路径,方便进行文件操作和读取配置信息。文章通过示例代码和详细的解释,帮助读者理解和使用该函数。同时,还提供了相关的API函数声明和说明。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • Java String与StringBuffer的区别及其应用场景
    本文主要介绍了Java中String和StringBuffer的区别,String是不可变的,而StringBuffer是可变的。StringBuffer在进行字符串处理时不生成新的对象,内存使用上要优于String类。因此,在需要频繁对字符串进行修改的情况下,使用StringBuffer更加适合。同时,文章还介绍了String和StringBuffer的应用场景。 ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • 从零学Java(10)之方法详解,喷打野你真的没我6!
    本文介绍了从零学Java系列中的第10篇文章,详解了Java中的方法。同时讨论了打野过程中喷打野的影响,以及金色打野刀对经济的增加和线上队友经济的影响。指出喷打野会导致线上经济的消减和影响队伍的团结。 ... [详细]
  • springmvc学习笔记(十):控制器业务方法中通过注解实现封装Javabean接收表单提交的数据
    本文介绍了在springmvc学习笔记系列的第十篇中,控制器的业务方法中如何通过注解实现封装Javabean来接收表单提交的数据。同时还讨论了当有多个注册表单且字段完全相同时,如何将其交给同一个控制器处理。 ... [详细]
  • 开发笔记:实验7的文件读写操作
    本文介绍了使用C++的ofstream和ifstream类进行文件读写操作的方法,包括创建文件、写入文件和读取文件的过程。同时还介绍了如何判断文件是否成功打开和关闭文件的方法。通过本文的学习,读者可以了解如何在C++中进行文件读写操作。 ... [详细]
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
author-avatar
减肥瘦身666
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有