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系列(4) 立即调用的函数表达式
Jan 15 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
js基于canvas实现时钟组件
Feb 07 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
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
Zerg剧情介绍
2020/03/14 星际争霸
新闻分类录入、显示系统
2006/10/09 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
关于php程序报date()警告的处理(date_default_timezone_set)
2013/10/22 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
Vue.js获取被选择的option的value和text值方法
2018/08/24 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
Python 初始化多维数组代码
2008/09/06 Python
python黑魔法之参数传递
2016/02/12 Python
python 调用HBase的简单实例
2016/12/18 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
PHP如何对用户密码进行加密
2014/07/31 面试题
应届生新闻编辑求职信
2013/11/19 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
行政经理岗位职责
2015/04/15 职场文书
一个都不能少观后感
2015/06/04 职场文书
开票证明
2015/06/23 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers
CentOS7设置ssh服务以及端口修改方式
2022/12/24 Servers