转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
Javascript应用的几个实例         ★★★★

Javascript应用的几个实例

作者:闵涛 文章来源:闵涛的学习笔记 点击数:649 更新时间:2009/4/23 11:30:21


  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〉

文 / 刘军


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台