TopList标签和JavaScript结合两例


Posted in Javascript onAugust 12, 2007

 (SteamCMS)Fish模版专贴一:TopList标签和JavaScript结合两例 
首先可以先参考 SteamCMS 标准模版标签说明 来了解一下TopList标签及其属性。 
在Top列表的记录前加上数字(当然也可以是图片,这里只是简单的举个例子)。
原理说明:先在最前面初始化一个js变量,在TopList中间,将Js变量加1,并在TopList循环体中间输出(我写asp代码一样的道理)

关键代码: 

<body>
<script language="javascript">
//全局变量
var i=1;
//输出i,并i自增
function doit(){
document.write(i);
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
    <script language="javascript">doit();</script>.<!--Steam:ContentField FieldName='Title' Length='-1' /-->
<!--/Steam:TopList--> 

</body>  

代码中,绿色部分定义了一个全局变量i,和一个函数doit。doit函数在循环体的红色部分运行,输出i。蓝色为TopList标签。红色代码后面的暗黄色是标题。上面代码的结果就会在每条记录前加上数字。简单吧。嘿嘿。 

第二例:每隔五行插入一空行,如:
在Top列表每隔五行插入一空行(当然也可以是图片,或者其他负责的代码)。
原理说明:先在最前面初始化一个js变量,在TopList中间,将Js变量加1,并在TopList循环体中计算此js变量是否被5整除,是就输出空行。 

 

关键代码:

<body>
<script language="javascript">
//全局变量
var i=1;
//输出i,并i自增
function doit(){
if(i%5==0){//是否被5整除
  document.write("<br />");
}
i++;
}
</script>
<!--Steam:TopList ChannelID='0' Type='Commend' IsTop='False' HasImage='False' Number='20' Cols='1' EnterTag='' -->
    <!--Steam:ContentField FieldName='Title' Length='-1' /--><script language="javascript">doit();</script>
<!--/Steam:TopList-->

</body>

代码中,绿色部分定义了一个全局变量i,和一个函数doit。doit函数在循环体的红色部分运行,判断是否被5整除,是就输出<br>。蓝色为TopList标签。红色代码前面的黄色是标题。上面代码的结果就会在每隔五行插入一空行。简单吧。嘿嘿。

Javascript 相关文章推荐
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 Javascript
图解JS原型和原型链实现原理
Sep 15 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 #Javascript
IE和Mozilla的兼容性汇总event
Aug 12 #Javascript
收藏Javascript中常用的55个经典技巧
Aug 12 #Javascript
JavaScript-世界上误解最深的语言分析
Aug 12 #Javascript
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 #Javascript
alixixi runcode.asp的代码不错的应用
Aug 08 #Javascript
网上应用的一个不错common.js脚本
Aug 08 #Javascript
You might like
实用函数4
2007/11/08 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
Python中关于字符串对象的一些基础知识
2015/04/08 Python
python 反向输出字符串的方法
2018/07/16 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
培训主管的岗位职责
2013/11/23 职场文书
小区门卫管理制度
2014/01/29 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
保护环境演讲稿
2014/05/10 职场文书
基层党员对照检查材料
2014/09/24 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
报名委托书
2015/01/29 职场文书
教师教育教学随笔
2015/08/15 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL