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选项卡插件实例
Mar 27 Javascript
用js实现trim()的解决办法
Apr 16 Javascript
jQuery获取注册信息并提示实现代码
Apr 21 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
JavaScript中点击事件的写法
Jun 28 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
webpack进阶——缓存与独立打包的用法
Aug 02 Javascript
JavaScript fetch接口案例解析
Aug 30 Javascript
element UI upload组件上传附件格式限制方法
Sep 04 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 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中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
php常用图片处理类
2016/03/16 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
[31:00]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS iG
2014/05/25 DOTA
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
Python实现自动登录百度空间的方法
2017/06/10 Python
python绘制直方图和密度图的实例
2019/07/08 Python
python数值基础知识浅析
2019/11/19 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
澳大利亚商务邀请函
2014/01/17 职场文书
大学毕业生推荐信
2014/07/09 职场文书
组工干部演讲稿
2014/09/02 职场文书
医德医魂心得体会
2014/09/11 职场文书
出差报告怎么写
2014/11/06 职场文书
2014公司年终工作总结
2014/12/19 职场文书
数学备课组工作总结
2015/08/12 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
Consul在linux环境的集群部署
2022/04/08 Servers
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS