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实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
vue开发中遇到的问题总结
Apr 07 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 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使用逆波兰式计算工资的方法
2015/07/29 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
Python实现购物程序思路及代码
2017/07/24 Python
python3+PyQt5实现柱状图
2018/04/24 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
对python中的argv和argc使用详解
2018/12/15 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python实现快递价格查询系统
2020/03/03 Python
浅析Python 多行匹配模式
2020/07/24 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
医学生求职自荐信
2013/10/25 职场文书
大学英语专业求职信
2014/06/21 职场文书
学校端午节活动方案
2014/08/23 职场文书
党员民主评议总结
2014/10/20 职场文书
西安兵马俑导游词
2015/02/02 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
python实现简单倒计时功能
2021/04/21 Python