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 相关文章推荐
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
基于JavaScript定位当前的地理位置
Apr 11 Javascript
JS实现电商放大镜效果
Aug 24 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
Aug 12 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
vue调用语音播放的方法
Sep 27 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 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文件夹与文件目录操作函数介绍
2013/09/09 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
2011/10/18 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
python字符串string的内置方法实例详解
2018/05/14 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
生产厂长岗位职责
2014/02/21 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
怎样写家长意见
2015/06/04 职场文书
2019年教师入党申请书
2019/06/27 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
php实现自动生成验证码的实例讲解
2021/11/17 PHP
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers