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 HashTable
Jan 22 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
javascript流程控制语句集合
Sep 18 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
vue router 配置路由的方法
Jul 26 Javascript
Angular实现svg和png图片下载实现
May 05 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 Javascript
JS实现电脑虚拟键盘打字测试
Jun 24 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
基于mysql的论坛(1)
2006/10/09 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
php数组遍历类与用法示例
2019/05/24 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
javascript的内存管理详解
2013/08/07 Javascript
jquery 实现input输入什么div图层显示什么
2014/06/15 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
2018/04/27 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
自学python的建议和周期预算
2019/01/30 Python
Python如何安装第三方模块
2020/05/28 Python
浅谈python出错时traceback的解读
2020/07/15 Python
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
机械专业应届生求职信
2013/09/21 职场文书
安踏广告词改编版
2014/03/21 职场文书
教师个人自我评价范文
2014/04/13 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android