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 12 Javascript
JavaScript立即执行函数的三种不同写法
Sep 05 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
jQuery设计思想
Mar 07 Javascript
微信小程序之购物车功能
Sep 23 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
Nov 22 Javascript
微信小程序的授权实现过程解析
Aug 02 Javascript
VUE递归树形实现多级列表
Jul 15 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
PHP curl模拟浏览器采集阿里巴巴的实现代码
2011/04/20 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
fmt:formatDate的输出格式详解
2014/01/09 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
2019/03/19 jQuery
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
跟老齐学Python之复习if语句
2014/10/02 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
Python实现去除代码前行号的方法
2015/03/10 Python
基于django传递数据到后端的例子
2019/08/16 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
Amcal中文官网:澳洲综合性连锁药房
2019/03/28 全球购物
幼儿园老师辞职信
2014/01/20 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
精彩的广告词
2014/03/19 职场文书
大学社团计划书
2014/05/01 职场文书
中国世界遗产导游词
2015/02/13 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript