Javascript 静态页面实现随机显示广告的办法


Posted in Javascript onNovember 17, 2010

首先,要实现生成n以内不重复的随机数,并将产生的随机数放入另一个Array中,用以下方法来完成:

function getRandomNumbers(count) 
{ 
var numbers = new Array(); 
var original = new Array(); 
for (var i=0;i<count;i++) 
{ 
original[i] = i+1; 
} 
original.sort(function(){ return 0.5 - Math.random(); }); 
for (var i=0;i<count;i++) 
{ 
numbers[i] = original[i] - 1; 
} 
return numbers; 
}

然后,在后台程序中,输出html脚本:
var sf = new Array(); 
sf[0]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://sc.3water.com target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>'; 
sf[1]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://s.3water.com target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>';

再用之前的方法,生成随机数,并且按随机数把html脚本显示出来。
var numbers = getRandomNumbers(sf.length); 
for( i=0;i<numbers.length;i++ ) 
{ 
document.write(sf[numbers[i]]); 
}
Javascript 相关文章推荐
Jquery跳到页面指定位置的方法
May 12 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
js+html5实现canvas绘制网页时钟的方法
May 21 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
JS实现电话号码的字母组合算法示例
Feb 26 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
微信小程序如何访问公众号文章
Jul 08 Javascript
公众号SVG动画交互实战代码
May 31 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
Json对象替换字符串占位符实现代码
Nov 17 #Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 #Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 #Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 #Javascript
jquery下异步提交表单 异步跨域提交表单
Nov 17 #Javascript
js封装的textarea操作方法集合(兼容很好)
Nov 16 #Javascript
PHP 与 js的通信(via ajax,json)
Nov 16 #Javascript
You might like
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
php实现下载限制速度示例分享
2014/02/13 PHP
php反射应用示例
2014/02/25 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
PHP 微信支付类 demo
2015/11/30 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
nodejs下打包模块archiver详解
2014/12/03 NodeJs
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
node.js +mongdb实现登录功能
2020/06/18 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
用Python写王者荣耀刷金币脚本
2017/12/21 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
python的launcher用法知识点总结
2020/08/07 Python
python利用opencv实现颜色检测
2021/02/23 Python
个性大学生自我评价
2013/12/04 职场文书
法制报告会主持词
2014/04/02 职场文书
励志演讲稿500字
2014/08/21 职场文书
五年级下册复习计划
2015/01/19 职场文书
毕业实习单位意见
2015/06/04 职场文书