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 相关文章推荐
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
Jun 13 Javascript
Angularjs CURD 详解及实例代码
Sep 14 Javascript
javascript中this关键字详解
Dec 12 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
vue+iview/elementUi实现城市多选
Mar 28 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
Jul 21 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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 数据库字段复用的基本原理与示例
2011/07/22 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
初识php MVC
2014/09/10 PHP
Laravel5中contracts详解
2015/03/02 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
python 控制语句
2011/11/03 Python
研究Python的ORM框架中的SQLAlchemy库的映射关系
2015/04/25 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
基于Python的PIL库学习详解
2019/05/10 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
Ejb技术面试题
2015/04/29 面试题
中职应届生会计求职信
2013/10/23 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
公司会议开幕词
2016/03/03 职场文书
导游词之上海豫园
2019/10/24 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python