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 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
js跟随滚动条滚动浮动代码
Dec 31 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
jquery 实现上下滚动效果示例代码
Aug 09 Javascript
js中 javascript:void(0) 用法详解
Aug 11 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
BootStrap与Select2使用小结
Feb 17 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
原生JavaScript实现换肤
Feb 19 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
PHP4实际应用经验篇(1)
2006/10/09 PHP
Ajax PHP分页演示
2007/01/02 PHP
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
js取float型小数点后两位数的方法
2014/01/18 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
使用vue构建一个上传图片表单
2017/07/04 Javascript
require.js中的define函数详解
2017/07/10 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
详解Python3.6的py文件打包生成exe
2018/07/13 Python
Python判断有效的数独算法示例
2019/02/23 Python
Python实现某论坛自动签到功能
2019/08/20 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
python能在浏览器能运行吗
2020/06/17 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
企业年会主持词
2014/03/27 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
《比的意义》教学反思
2016/02/18 职场文书
Apache自带的ab压力测试工具的实现
2022/07/23 Servers