● Javascript应用的几个实例 - 荔园在线 | 深圳大学学生论坛,荔园晨风BBS,深大在线网站

荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀

发信人: dongnan (小楠*曾經一個眼神一分懻動), 信区: Homepage
标  题: Javascript应用的几个实例
发信站: BBS 荔园晨风站 (Tue Oct  3 10:23:00 2000), 转信

Javascript应用的几个实例

东楠空间　2000-10-3
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';

　　}

　　// -- ＞可由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();

　imer();

　　}

　　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 〉

--
但得神网无穷力何惧摘星九重天
  * http://oiu.cn99.com

※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 202.204.7.234]

荔园在线首页友情链接：深圳大学深大招生荔园晨风BBS S-Term软件网络书店