Javascript應用的幾個執行個體

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

摘要本文介紹了Javascript的幾個編程執行個體。包括實現測試瀏覽器調用首頁；如何利用Java Script實現修改時間的標記；用JavaScript自動顯示banner。

1.利用Javascript實現測試瀏覽器類型再調用相應的首頁

由於IE和Netscape的某些不相容，使得首頁製作出來後在兩者中有較大差別，有的甚至不能使用。為便於管理，最佳的方法就是先測試瀏覽器類型，再調用相應的首頁。

它的做法就是在此頁上設定如：

<html>
<head>
<title>檢測瀏覽器</title>

<SCRIPT LANGUAGE="JavaScript">
function TestBrowser(){
ie = ((navigator.appName == "Microsoft Internet Explorer") &&(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ))

if (ns) {
setTimeout('location.href="indexns.html"',5);
} else {
setTimeout('location.href="indexie.html"',5);
}
}
</script>
</head>
<body onLoad="TestBrowser()">
測試您的瀏覽器，五秒自動進入!
</body>
<html>

這樣過五秒鐘後若檢測到使用者使用瀏覽器為Netscape則調用indexns.html，否則調用indexie.html。

2.如何利用Java Script實現自動加上最後修改時間

我們在 HTML 檔案檔完成了以後，常會加上一行檔案最後修改的日期。現在你可不用擔心每次都要去改或是忘了改了，你可以很簡單的寫一個如下的描述文法程式。就可以自動的為你每次產生最後修改的日期了。

<html>
<body>
This is a simple HTML- page.
<br>
最後更新：
<script language="JavaScript">

</script>
Last Modified.
</body>
</html>

3.如何用JavaScript自動顯示banner。

有看到一個跳出的小視窗嗎??可以在你面加入各類廣告或提示資訊...（大部分人覺得很討厭，不過有時必須提醒訪問者也只有如此了）。只需加入以下代碼：

只需將其中彈出檔案名稱.html改為你想要的檔案名稱即可。彈出表單的高度和寬度也可由width和height兩個參數自由調整，resizable設為0時不可調整寬度，設為1時可調。

4.JavaScript實現滾動廣告
作網頁，總想多拉廣告。在編製頁面時，總想在有限的空間內放置儘可能多的內容，以求頁面的緊湊與完美，如何在頁面的固定位置輪流播放滾動廣告呢，就象足球場邊的三角翻轉廣告牌。JavaApplet程式可以實現，而且可滾動的廣告遠遠多餘三角滾動廣告牌。不過速度實在太慢了。下面就向你介紹一種用JavaScript編寫的在頁面的固定廣告位輪流播放廣告的方法。

　　把以下代碼放在〈head〉〈/head〉之間:

　　〈script language=″JavaScript″〉

　　〈!－－ Hide from old browsers

　　var i = 1;

　　banner1= new Image();

　　banner1.src = ″廣告表徵圖＃1″;

　　banner2 = new Image();

　　banner2.src = ″廣告表徵圖＃2″;

　　banner3 = new Image();

　　banner3.src = ″廣告表徵圖＃3″;

　　links = new Array

　　links[1] = ″廣告表徵圖＃1的URL地址″

　　links[2] = ″廣告表徵圖＃2的URL地址″

　　links[3] = ″廣告表徵圖＃3的URL地址″

　　description = new Array

　　description[1] = ″廣告＃1的簡介″

　　description[2] = ″廣告＃2的簡介″

　　description[3] = ″廣告＃3的簡介″

　　function startTime(){

　　 var time= new Date();

　　 hours= time.getHours();

　　 mins= time.getMinutes();

　　 secs= time.getSeconds();

　　 closeTime=hours＊3600＋mins＊60＋secs;

　　 closeTime＋=5;到顯示下一幅圖形的時間。

　　 Timer();

　　}

　　function Timer(){

　　 var time= new Date();

　　 hours= time.getHours();

　　 mins= time.getMinutes();

　　 secs= time.getSeconds();

　　 curTime=hours＊3600＋mins＊60＋secs

　　 if (curTime〉=closeTime){

　　 if (i 〈 3){ // 圖形總數

i＋＋;

　　 document.banner.src = eval(″banner″＋i＋″.src″);

}

else {

i = 1;

document.banner.src = eval(″banner″＋i＋″.src″);

}

startTime();

}

　　 else{

　　 window.setTimeout(″Timer()″,1000)}

　　}

　　function clickUrl(){

location.href = links[i]

　　}

　　function descript(){

window.status = description[i]

　　}

　　// －－〉

　　〈/script〉

　　把以下代碼放在〈body〉Tag裡:

　　〈body onLoad=″startTime();″〉 //頁面整體調入後，開播廣告把以下代碼放在〈body〉〈/body〉之間:

　　〈center〉

　　〈a href=″ ″ onClick=″clickUrl(); return false;″onMouseOver=″descript(); return true;″ onMouseOut=″window.status=′ ′″〉〈img src=″廣告表徵圖＃1″ border=0 name=″banner″〉〈/a〉〈/center〉

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More