Javascript 靜態(tài)頁面實現(xiàn)隨機顯示廣告的辦法
更新時間：2010年11月17日 19:32:50 作者：
最近在做私服發(fā)布站時，客戶要求實現(xiàn)廣告隨機排序，而且要求在html頁面實現(xiàn)，也就是說必須使用javascript來完成了。
首先，要實現(xiàn)生成n以內(nèi)不重復(fù)的隨機數(shù)，并將產(chǎn)生的隨機數(shù)放入另一個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>服務(wù)器名稱</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時間</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>服務(wù)器名稱</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時間</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>';
再用之前的方法，生成隨機數(shù)，并且按隨機數(shù)把html腳本顯示出來。
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
復(fù)制代碼 代碼如下:
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腳本：
復(fù)制代碼 代碼如下:
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時間</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>服務(wù)器名稱</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時間</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>';
再用之前的方法，生成隨機數(shù)，并且按隨機數(shù)把html腳本顯示出來。
復(fù)制代碼 代碼如下:
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
相關(guān)文章
本篇文章給大家分享了用嘴簡單的JS代碼來實現(xiàn)經(jīng)典貪吃蛇游戲的全部內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-01-01
DataGear開發(fā)基于three.js的3D數(shù)據(jù)可視化看板的詳細代碼
DataGear?支持采用原生的HTML、JavaScript、CSS制作數(shù)據(jù)可視化看板，也支持導(dǎo)入由npm、vite等前端工具構(gòu)建的前端程序包，這篇文章主要介紹了DataGear制作基于three.js的3D數(shù)據(jù)可視化看板,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了JS異步加載進度條 的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了javascript控制層顯示或隱藏的方法,涉及javascript操作頁面元素樣式的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-07-07
下面小編就為大家?guī)硪黄狫avaScript操作選擇對象的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
javascript 上下banner替換具體實現(xiàn)
這篇文章介紹了javascript 上下banner替換具體實現(xiàn)，有需要的朋友可以參考一下2013-11-11
下面小編就為大家分享一篇js 提取某()特殊字符串長度的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
本文給大家詳細分析了javascript中的6種變量類型，通過示例做了詳細的解釋，十分的實用，對于大家熟練掌握變量類型非常有幫助，有需要的小伙伴可以參考下。2015-07-07
JavaScript通過this變量快速找出用戶選中radio按鈕的方法
這篇文章主要介紹了JavaScript通過this變量快速找出用戶選中radio按鈕的方法,涉及javascript中this變量的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
文章介紹兩個方法和種是利用javascript onFocus onBlur來判斷焦點和失去焦點，加一種是利用jquery $("p").blur(); 或$("p").blur(fn)來實現(xiàn)，有需要的朋友可以參考一下2012-12-12