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[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〉 虽然有点乱。但还是有点用的哦。JS刚好最近再学习。支持多发。页:
[1]