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 相关文章推荐
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
理解JavaScript的prototype属性
Feb 11 Javascript
jQuery实现用方向键控制层的上下左右移动
Jan 13 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
js获取本日、本周、本月的时间代码
Feb 01 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
jQuery冲突问题解决方法
Jan 19 jQuery
如何利用React实现图片识别App
Feb 18 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把网页保存为word文件的三种方法
2014/04/01 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
jquery使整个div区域可以点击的方法
2015/06/24 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
Python判断直线和矩形是否相交的方法
2015/07/14 Python
Python 编码处理-str与Unicode的区别
2016/09/06 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Python的in,is和id函数代码实例
2020/04/18 Python
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
《商鞅南门立木》教学反思
2014/02/16 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
个人党性分析总结
2015/03/05 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
Python django中如何使用restful框架
2021/06/23 Python
mysql自增长id用完了该怎么办
2022/02/12 MySQL
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript
GPU服务器的多用户配置方法
2022/07/07 Servers