TopList标签和JavaScript结合两例

2024-03-18 13:36:11

(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>

<script language="javascript">doit();</script>.

</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>

<script language="javascript">doit();</script>

</body>

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

TopList标签和JavaScript结合两例

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

在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种:一种是直接在<script>标签中嵌入JavaScript代码,另一种是用<script>的src属性引入外部JavaScript文件. 直接在页面嵌入JavaScript代码在使用<script>标签嵌入JavaScript代码时,只需为<script>指定type属性.然后,像下面这样把JavaScript代码直接放在标签内部即可: &l
JavaScript计算两个日期时间段内日期的方法

本文实例讲述了JavaScript计算两个日期时间段内日期的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: /************************* * 计算两个日期时间段内所有日期 * * @param value1 * 开始日期 YYYY-MM-DD * @param value2 * 结束日期 * return 日期数组 */ function dataScope(value1, value2
JavaScript比较两个数组的内容是否相同(推荐)

今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的. alert([]==[]); // false alert([]===[]); // false 以上两句代码都会弹出false. 因为JavaScript里面Array是对象,==或===操作符只能比较两个对象是否是同一个实例,也就是是否是同一个对象引用.目前JavaScript没有内置的操作符判断对象的内容是否相同. 但是惯性思维让人以为数组也是值,是可以比较的. 如果要比较数组是否相等,就只能遍历数组
JavaScript比较两个对象是否相等的方法

本文实例讲述了JavaScript比较两个对象是否相等的方法.分享给大家供大家参考.具体如下: 在Python中可以通过cmp()内建函数来比较两个对象所包涵的数据是否相等(数组.序列.字典).但是在javascript语言中并没有相关的实现.本js代码通过对js对象进行各方面的比较来判断两个对象是否相等 cmp = function( x, y ) { // If both x and y are null or undefined and exactly the same if ( x ==
JavaScript合并两个数组并去除重复项的方法

本文实例讲述了JavaScript合并两个数组并去除重复项的方法.分享给大家供大家参考.具体实现方法如下: Array.prototype.unique = function() { var a = this.concat(); for(var i=0; i for(var j=i+1; j if(a[i] === a[j]) a.splice(j, 1); } } return a; }; //Demo var array1 = ["a","b"]; var ar
Javascript 判断两个IP是否在同一网段实例代码

Javascript 判断两个IP是否在同一网段以下脚本不做IP格式的判断,只判断两个IP是否在同一网段. 例子,Javascript判断两个IP是否在同一网段. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> IP段信息检测_www.manongjc.com </TITLE> <script la
javascript比较两个日期相差天数的方法

本文实例讲述了javascript比较两个日期相差天数的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content
Javascript计算两个marker之间的距离(Google Map V3)

Google Map V3 javascript计算两个marker之间的距离做地图开发,最常用到的就是marker一些操作和交互.简单介绍一下,两个marker之间的距离计算. google map api 很方便的只要是常用的基本上都有接口. 1.创建两个marker点复制代码代码如下: var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "1
JavaScript控制两个列表框listbox左右交换数据的方法

本文实例讲述了JavaScript控制两个列表框listbox左右交换数据的方法.分享给大家供大家参考.具体分析如下: 这个功能我们经常用到,将左边列表框的元素移动到右边,或者将右边列表框的元素移动到左边,可以一次性全部移动复制代码代码如下: function listbox_moveacross(sourceID, destID) { var src = document.getElementById(sourceID); var dest = document.getEl

TopList标签和JavaScript结合两例

相关推荐

随机推荐