Javascript应用的几个实例

　　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"＞ 
　　＜!-- hide script from old browsers 
　　document.write(document.lastModified) 
　　// end hiding contents --＞ 
　　＜/script＞ 
　　Last Modified. 
　　＜/body＞ 
　　＜/html＞ 

　　3.如何用JavaScript自动显示banner。 

　　有看到一个跳出的小视窗吗??可以在你面加入各类广告或提示信息...（大部分人觉得很讨厌，不过有时必须提醒访问者也只有如此了）。只需加入以下代码：

　　＜script language="JavaScript"＞
　　＜!--
　　var gt = unescape(´%3e´);
　　var popup = null;
　　var over = "Launch Pop-up Navigator";
　　popup = window.open(´´, ´popupnav´, ´width=200,height=170,resizable=1,scrollbars=auto´);
　　if (popup != null) {
　　if (popup.opener == null) {
　　popup.opener = self; 
　　}
　　popup.location.href = ´弹出文件名.html´;
　　}
　　// --＞
　　＜/script＞ 

　　只需将其中弹出文件名.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

　　}

　　function descript(){

　　window.status = description

　　}

　　// －－〉

　　〈/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〉
php爱好者　站 http://www.phpfans.net 网页制作|网站建设|数据采集.