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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 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
PHPMailer 中文使用说明小结
2010/01/22 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
javascript parseInt 大改造
2009/09/27 Javascript
用Js实现的动态增加表格示例自己写的
2013/10/21 Javascript
JavaScript中合并数组的N种方法
2014/09/16 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
vue实现单选和多选功能
2017/08/11 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
Python基于select实现的socket服务器
2016/04/13 Python
20个常用Python运维库和模块
2018/02/12 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
详解Python如何生成词云的方法
2018/06/01 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python新手学习可变和不可变对象
2020/06/11 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
python中_del_还原数据的方法
2020/12/09 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
Trip.com澳大利亚:在线旅行社
2019/12/01 全球购物
优秀大学生求职自荐信范文
2014/04/19 职场文书
党员转正意见怎么写
2015/06/03 职场文书
导游词之西递宏村
2019/12/10 职场文书
深入理解python多线程编程
2021/04/18 Python