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必备 api中英文对照的chm手册 下载
May 03 Javascript
使用JQUERY Tabs插件宿主IFRAMES
Jan 01 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 Javascript
jquery图片放大镜效果
Jun 23 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
工作中常用js功能汇总
Nov 07 Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 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
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
ThinkPHP模板判断输出Present标签用法详解
2014/06/30 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
javascript 广告移动特效的实现代码
2016/06/25 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
jQuery表单元素选择器代码实例
2017/02/06 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
浅谈js闭包理解
2019/04/01 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
快速排序的四种python实现(推荐)
2019/04/03 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
解决Python对齐文本字符串问题
2019/08/28 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
八年级音乐教学反思
2014/01/09 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
党务公开方案
2014/05/06 职场文书
社区平安建设方案
2014/05/25 职场文书
面试自我评价范文
2014/09/17 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
go语言中fallthrough的用法说明
2021/05/06 Golang