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为元素添加样式的实现方法
Jul 20 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
基本DOM节点操作
Jan 17 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
Vue下的国际化处理方法
Dec 18 Javascript
解决easyui日期时间框ie的兼容的问题
Mar 01 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
vue路由实现登录拦截
Mar 24 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获取和操作配置文件php.ini的几个函数介绍
2013/06/24 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
jquery实现图片预加载
2015/12/25 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
JavaScript实现原型封装轮播图
2020/12/27 Javascript
Python实现CET查分的方法
2015/03/10 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
Python matplotlib模块及柱状图用法解析
2020/08/10 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
解释一下抽象方法和抽象类
2016/08/27 面试题
创意婚礼策划方案
2014/05/18 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
旷课检讨书范文
2015/01/27 职场文书
学术研讨会主持词
2015/07/04 职场文书
社区志愿者服务心得体会
2016/01/22 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
如何做好员工培训计划?
2019/07/09 职场文书
Golang jwt身份认证
2022/04/20 Golang
Python开发五子棋小游戏
2022/04/28 Python