Javascript应用的几个实例

it2022-05-08  10

摘要 本文介绍了Javascript的几个编程实例。包括实现测试浏览器调用主页;如何利用Java Script实现修改时间的标记;用JavaScript自动显示banner。 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('>');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〉

转载于:https://www.cnblogs.com/Nina-piaoye/archive/2006/08/22/483385.html


最新回复(0)