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 相关文章推荐
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
通过js动态操作table(新增,删除相关列信息)
May 23 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
Node.js模块加载详解
Aug 16 Javascript
JavaScript函数模式详解
Nov 07 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
Vue项目中Api的组织和返回数据处理的操作
Nov 04 Javascript
js实现数字跳动到指定数字
Aug 25 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语法(5)
2006/10/09 PHP
php获取301跳转URL简单实例
2013/12/16 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
2014/05/15 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
浅析Django中关于session的使用
2019/12/30 Python
python读取mysql数据绘制条形图
2020/03/25 Python
jupyter notebook运行命令显示[*](解决办法)
2020/05/18 Python
Python能做什么
2020/06/02 Python
python 如何区分return和yield
2020/09/22 Python
个人买房协议书范本
2014/10/06 职场文书
企业培训简报范文
2015/07/20 职场文书
生活委员竞选稿
2015/11/21 职场文书
小学运动会开幕词
2016/03/04 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL