荔园在线
荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: 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软件 网络书店