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

php新闻列表排序,javascript新闻列表排序简单封装

可以控制列表按日期以及按字数排序.升或者降序.代码简单封装,按一定的格式调用即可。代码写的比较繁琐,很多方法用的很原始代码如下:简单

可以控制列表按日期以及按字数排序.升或者降序.代码简单封装,按一定的格式调用即可。

代码写的比较繁琐,很多方法用的很原始...

代码如下:

简单说明:

调用方法:list_sort(list_id,btn1,btn2)

list_id-- 新闻列表ul的id;

btn1-- 按字数排序事件的id;

btn2-- 按日期排序事件的id;

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

js代码如下:

function $(s){

return document.all?document.all[s]:document.getElementById(s);

}

function list_sort(list_id,btn1,btn2){

var list=$(list_id).getElementsByTagName("li");

var c_date=$(list_id).getElementsByTagName("span");

var content=$(list_id).getElementsByTagName("a");

var date=new Array(),con=new Array,date1=new Array(),con1=new Array,list_con=new Array;

for (var i=0;i

{date1[i]=date[i]=c_date[i].innerHTML;

list_con[i]=list[i].innerHTML;

con1[i]=con[i]=content[i].innerHTML.length;

}

con.sort(function(x,y){return parseInt(x)-parseInt(y);});//将字符长度排序

date.sort(function sortDate(a,b)

{

return new Date(a.replace(/-/,"/")) - new Date(b.replace(/-/,"/"));

});//将日期排序.

function darry(arry1,arry2){//取数组下标函数。

var b=new Array();

for (var n=0;n

{for (var m=0;m

{if (arry1[m]==arry2[n]) b[n]=m;

}

}

return b;

}

var top=0;//定义排序方向浮标

$(btn1).οnclick=function(){insetHTM(con1,con)}

$(btn2).οnclick=function(){insetHTM(date1,date)}

function insetHTM(ary1,ary2){ //排序后的html输出到ul中

var c=darry(ary1,ary2);//取得排序后数组的下标

var list_html="";//定义变量存储排序后的html

if (top==0)

{for (var k=0;k

{list_html+="

"+list_con[c[k]]+"";top=1}

}

else

{ for (var k=list.length-1;k>=0;k--)

{list_html+="

"+list_con[c[k]]+"";top=0}

}

$(list_id).innerHTML=list_html;

}

}

window.οnlοad=function(){

list_sort("news_list","button1","button2")

}



推荐阅读
  • 本文总结了JavaScript的核心知识点和实用技巧,涵盖了变量声明、DOM操作、事件处理等重要方面。例如,通过`event.srcElement`获取触发事件的元素,并使用`alert`显示其HTML结构;利用`innerText`和`innerHTML`属性分别设置和获取文本内容及HTML内容。此外,还介绍了如何在表单中动态生成和操作``元素,以便更好地处理用户输入。这些技巧对于提升前端开发效率和代码质量具有重要意义。 ... [详细]
  • 作为软件工程专业的学生,我深知课堂上教师讲解速度之快,很多时候需要课后自行消化和巩固。因此,撰写这篇Java Web开发入门教程,旨在帮助初学者更好地理解和掌握基础知识。通过详细记录学习过程,希望能为更多像我一样在基础方面还有待提升的学员提供有益的参考。 ... [详细]
  • 本文深入解析了Java面向对象编程的核心概念及其应用,重点探讨了面向对象的三大特性:封装、继承和多态。封装确保了数据的安全性和代码的可维护性;继承支持代码的重用和扩展;多态则增强了程序的灵活性和可扩展性。通过具体示例,文章详细阐述了这些特性在实际开发中的应用和优势。 ... [详细]
  • JavaScript XML操作实用工具类:XmlUtilsJS技巧与应用 ... [详细]
  • 本指南从零开始介绍Scala编程语言的基础知识,重点讲解了Scala解释器REPL(读取-求值-打印-循环)的使用方法。REPL是Scala开发中的重要工具,能够帮助初学者快速理解和实践Scala的基本语法和特性。通过详细的示例和练习,读者将能够熟练掌握Scala的基础概念和编程技巧。 ... [详细]
  • 本文详细探讨了在PHP中实现毫秒级时间戳的技术方案,重点讲解了如何处理 `microtime` 函数的返回值以获取高精度时间戳。通过具体的示例代码,展示了该方法的简便性和实用性,适合需要精确时间记录的应用场景。 ... [详细]
  • 单链表的高效遍历及性能优化策略
    本文探讨了单链表的高效遍历方法及其性能优化策略。在单链表的数据结构中,插入操作的时间复杂度为O(n),而遍历操作的时间复杂度为O(n^2)。通过在 `LinkList.h` 和 `main.cpp` 文件中对单链表进行封装,我们实现了创建和销毁功能的优化,提高了单链表的使用效率。此外,文章还介绍了几种常见的优化技术,如缓存节点指针和批量处理,以进一步提升遍历性能。 ... [详细]
  • Java学习第10天:深入理解Map接口及其应用 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 本文详细介绍了使用 Python 进行 MySQL 和 Redis 数据库操作的实战技巧。首先,针对 MySQL 数据库,通过 `pymysql` 模块展示了如何连接和操作数据库,包括建立连接、执行查询和更新等常见操作。接着,文章深入探讨了 Redis 的基本命令和高级功能,如键值存储、列表操作和事务处理。此外,还提供了多个实际案例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 具备括号和分数功能的高级四则运算计算器
    本研究基于C语言开发了一款支持括号和分数运算的高级四则运算计算器。该计算器通过模拟手算过程,对每个运算符进行优先级标记,并按优先级从高到低依次执行计算。其中,加减运算的优先级最低,为0。此外,该计算器还支持复杂的分数运算,能够处理包含括号的表达式,提高了计算的准确性和灵活性。 ... [详细]
  • 本文探讨了 Java 中 Pair 类的历史与现状。虽然 Java 标准库中没有内置的 Pair 类,但社区和第三方库提供了多种实现方式,如 Apache Commons 的 Pair 类和 JavaFX 的 javafx.util.Pair 类。这些实现为需要处理成对数据的开发者提供了便利。此外,文章还讨论了为何标准库未包含 Pair 类的原因,以及在现代 Java 开发中使用 Pair 类的最佳实践。 ... [详细]
  • PHP服务接口的专业测试方法与实践 ... [详细]
  • 提升Android开发效率:Clean Code的最佳实践与应用
    在Android开发中,提高代码质量和开发效率是至关重要的。本文介绍了如何通过Clean Code的最佳实践来优化Android应用的开发流程。以SQLite数据库操作为例,详细探讨了如何编写高效、可维护的SQL查询语句,并将其结果封装为Java对象。通过遵循这些最佳实践,开发者可以显著提升代码的可读性和可维护性,从而加快开发速度并减少错误。 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
author-avatar
狮子胯下
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有