`

js针对html的数据列排序(收集)

 
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'sort.jsp' starting page</title>
   
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">   
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css"> 
    .scroll {  
        width: 50%;                                     /*宽度*/  
        height: 200px;                                  /*高度*/  
        color: ;                                        /*颜色*/  
        font-family: ;                                  /*字体*/  
        padding-left: 10px;                             /*层内左边距*/  
        padding-right: 10px;                            /*层内右边距*/  
        padding-top: 10px;                              /*层内上边距*/  
        padding-bottom: 10px;                           /*层内下边距*/  
        overflow-x: scroll;                             /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS文档)*/  
        overflow-y: scroll;                             /*竖向滚动条*/  
          
        scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/  
        scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/  
        scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/  
        scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/  
        scrollbar-arrow-color: #919192;                 /*箭头颜色*/  
        scrollbar-track-color: #ffffff;                 /*滚动条底色*/  
        scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
    }  
  </style> 

  <script type="text/javascript" src="script/tablesort.js"></script>
  </head>
 
  <body>

        <table id="theTable" align="center" border="1" class="scroll"> 
            <thead> 
                <tr> 
                    <td> 
                        标题1  
                    </td> 
                    <td onclick="sort(theTable,1,'int')"> 
                        标题2  
                    </td> 
                    <td onclick="sort(theTable,2,'int')"> 
                        标题3  
                    </td> 
                    <td onclick="sort(theTable,3,'int')"> 
                        标题4  
                    </td> 
                    <td onclick="sort(theTable,4,'int')"> 
                        标题5  
                    </td> 
                    <td onclick="sort(theTable,5,'int')"> 
                        标题6  
                    </td> 
                    <td onclick="sort(theTable,6,'int')"> 
                        标题7  
                    </td> 
                </tr> 
            </thead> 
分享到:
评论
1 楼 zhunengfei 2015-04-28  
卧槽 tablesort.js  被狗吃了??

相关推荐

    用几行JavaScript代码对每个HTML表进行排序

    排序功能主要针对`&lt;td&gt;`中的数据进行。 JavaScript是实现表格排序的关键。我们可以使用以下步骤来创建一个通用的表格排序函数: 1. **选择表头元素**:首先,我们需要获取用户点击的表头元素(`&lt;th&gt;`)。这可以...

    浅谈js控制li标签排序问题 js调用php函数的方法

    本文主要讲解了通过JavaScript(js)控制HTML列表项(li标签)排序问题,并且介绍了js如何调用后端PHP函数的方法。以下是针对文章内容提炼出的知识点。 ### 1. li标签排序问题的解决方法 文章中提到的li标签排序...

    网络爬虫-python和数据分析

    ### 网络爬虫——Python与数据分析 #### 一、网络爬虫概述 网络爬虫,也称为网络蜘蛛或网络机器人,是一种自动化的程序,主要用于在网络上抓取和下载网页内容。这种技术对于搜索引擎至关重要,因为它们依赖于爬虫...

    网络爬虫-Python和数据分析(中文)

    - 针对由JavaScript等脚本动态生成的内容,需采用特殊策略进行抓取。 - 常见方法包括使用Selenium等工具模拟浏览器行为。 #### 六、道德与法律规范 **注意事项:** - 在进行爬虫开发时,需遵守目标网站的服务条款...

    生产销售大数据模板.zip

    "生产销售大数据模板.zip"是一个包含HTML文件的压缩包,它提供了针对生产和销售数据分析的前端页面。以下是基于这个主题的详细知识点: 1. **HTML(HyperText Markup Language)**:HTML是构建网页的基础,它定义了...

    web组建开发指南

    - **日期组件的jsp**:在JSP页面中使用日期组件展示和收集日期数据。 - **日期默认值设置**:为日期组件设置默认值或最小/最大值限制。 5. **注意事项**: - 处理日期时要考虑不同的时区问题。 - 要注意不同...

    扁平的html5 bootstrap手机后台管理模板

    【标题】"扁平的html5 bootstrap手机后台管理模板"所涉及的知识点主要集中在Web前端开发领域,特别是针对移动设备的后台管理系统设计。Bootstrap是一种流行的开源前端框架,它结合了HTML5、CSS3和JavaScript技术,...

    学生信息管理系统-----------无数据库版本

    学生信息管理系统是针对学校、教育机构或培训中心等教育单位设计的一种信息化管理工具,旨在帮助这些机构有效地对学生的基本信息、成绩、出勤等数据进行收集、存储、处理和分析,从而提高教育管理和教学的质量。...

    Getting Started with D3.pdf

    无论是在初创公司还是财富500强企业中,聪明的公司都在利用数据驱动的洞察力,抓住那些由四种强大趋势的交汇而产生的机遇:新的数据收集、管理和分析方法;提供低成本存储和针对大规模数据集的灵活、按需计算能力的...

    h5 bootstrap minoral 后台框架

    6. Tables(tables.html):包括基本表格和数据表格(datatables.html),Minoral提供了多种表格样式和功能,如排序、过滤、分页,支持大量数据的高效显示。 7. Charts(charts.html):框架集成了一些流行的图表库...

    Java面试宝典收集了今年最新最热的Java面试题大全,不仅包含了Java基础部分、算法与编程部分、 html/javascript/ajax部分、 Java web部分、数据库部分以及SHH框架等

    因此,求职者需要具备扎实的算法基础,包括但不限于数据结构、排序与搜索算法、递归与动态规划等。同时,能够熟悉地使用Java语言实现这些算法,并对时间复杂度和空间复杂度有深入的理解。 HTML、JavaScript和Ajax...

    基于PHP的VERYOK PHP 实用统计 v4.0.zip

    1. 数据收集:系统会通过JavaScript或服务器端的PHP脚本收集网站的访问数据,如页面浏览量、用户行为、来源等。 2. 数据存储:使用MySQL或其他关系型数据库存储收集到的数据,设计合理的数据表结构以高效存储和检索...

    jQuery按拼音首字母选择城市

    1. **数据准备**:收集所有城市名称,转换为拼音,并根据拼音首字母进行排序。可以使用第三方库如pinyin.js来帮助转换汉字到拼音。 2. **HTML结构**:构建页面结构,包括城市列表和首字母导航条。列表项可以使用`...

    java实现的网页爬虫1.5版本聚焦爬虫抽取网页html

    在本项目中,我们讨论的是一个特定的版本——"网页爬虫1.5版本",它是一个聚焦爬虫,专门针对网页HTML的抽取。 1. **聚焦爬虫的理解与实现**: 聚焦爬虫不同于通用爬虫,它不遍历整个互联网,而是专注于某一特定...

    响应式灰色后台系统ui组件模板.zip

    后台系统往往需要展示数据可视化,`charts.html`可能包含了使用JavaScript库(如Chart.js或Highcharts)创建的图表示例,用于动态展示数据。 8. **错误页面(403.html, 404.html)**: 这些页面通常用于处理用户...

    用户商品信息管理

    这需要对前端技术,如HTML、CSS和JavaScript有深入理解,以及可能的框架应用,如React或Vue.js。 安全性是任何系统都必须考虑的问题。对于用户商品信息管理,这可能涉及到数据加密、身份验证和授权。例如,HTTPS...

    js代码-节点深度 let deep = 0; 存放最终结果 let arr = [] 循环遍历 root(nodeList, deep) 排序 arr.sort((a, b) => a.id -b.id)

    总结一下,这段JS代码实现了一个功能,即遍历一个具有层级关系的节点树,收集每个节点的深度信息,并根据节点的ID进行排序。这在处理树形数据结构时非常常见,例如在文件系统、组织架构或者HTML DOM中。这样的算法...

Global site tag (gtag.js) - Google Analytics