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 相关文章推荐
js 蒙版进度条(结合图片)
Mar 10 Javascript
浅谈Javascript嵌套函数及闭包
Nov 09 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
谷歌地图打不开的解决办法
Aug 07 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
Sep 07 Javascript
vue-router传参用法详解
Jan 19 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
微信小程序中的列表切换功能实例代码详解
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
php实现把数组按指定的个数分隔
2014/02/17 PHP
php swoft框架实例用法
2020/12/22 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
2011/12/31 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
[01:19:23]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第二场
2018/04/06 DOTA
编写Python CGI脚本的教程
2015/06/29 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python cookbook(数据结构与算法)从字典中提取子集的方法示例
2018/03/22 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
Pytorch使用PIL和Numpy将单张图片转为Pytorch张量方式
2020/05/25 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
化学实验员岗位职责
2013/12/28 职场文书
重阳节登山活动方案
2014/02/03 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书