Javascript应用的几个实例 |
|---|
|
| 2004-05-25 刘军 |
| |
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〉
|
|
| |
|
发表评论
推荐文章
关闭窗口
|
|
|
|
