zoukankan      html  css  js  c++  java
  • 网页常用Javascript

    1.让文字不停地滚动

      <MARQUEE>滚动文字</MARQUEE>

    2.记录并显示网页的最后修改时间

      <script language=Javascript>
      document.write("最后更新时间: " + document.lastModified + "")
      </script>

    3.关闭当前窗口

      <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>

    4.5秒后关闭当前页

      <script language="Javascript">
      <!--
      setTimeout('window.close();',5000);
      -->
      </script>

    5.2秒后载入指定网页

      <head>
      <meta http-equiv="refresh" content="2;URL=http://www.csaspx.com">
      </head>

    6.添加到收藏夹

      <script Language="Javascript">
      function bookmarkit()
      {
      window.external.addFavorite('http://http://www.csaspx.com,'Asp.Net源码坊')
      }
      if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>')
      </script>

    7.让超链接不显示下划线

      <style type="text/css">
      <!-
      a:link{text-decoration:none}
      a:hover{text-decoration:none}
      a:visited{text-decoration:none}
      ->
      </style>

    8.禁止鼠标右键的动作

      <script Language = "Javascript">
      function click() { if (event.button==2||event.button==3)
      {
      alert('禁止鼠标右键');
      }
      document.onmousedown=click // -->
      </script>

    9.设置该页为首页

      <body bgcolor="#FFFFFF" text="#000000">
      <!-- 网址:http://www.csaspx.com-->
      <a class="chlnk" style="cursor:hand" HREF
      onClick="this.style.behavior='url(#default#homepage)';
      this.setHomePage('Asp.Net源码坊');"><font color="000000" size="2" face="宋体">设为首页</font></a>
      </body>

    10.节日倒计时

      <script Language="Javascript">
      var timedate= new Date("December 25,2003");
      var times="圣诞节";
      var now = new Date();
      var date = timedate.getTime() - now.getTime();
      var time = Math.floor(date / (1000 * 60 * 60 * 24));
      if (time >= 0)
      document.write("现在离"+times+"还有: "+time +"天")</script>

    11.单击按钮打印出当前页

      <script Language="Javascript">
      <!-- Begin
      if (window.print) {
      document.write('<form>'
      + '<input type=button name=print value="打印本页" '
      + 'onClick="javascript:window.print()"></form>');
      }
      // End -->
      </script>

    12.单击按钮‘另存为’当前页

      <input type="button" name="Button" value="保存本页"
      onClick="document.all.button.ExecWB(4,1)">
      <object id="button"
      width=0
      height=0
      classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
      <embed width="0" height="0"></embed>
      </object>

    13.显示系统当前日期

      <script language=Javascript>
      today=new Date();
      function date(){
      this.length=date.arguments.length
      for(var i=0;i<this.length;i++)
      this[i+1]=date.arguments }
      var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
      document.write(
      "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
      today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
      d[today.getDay()+1],"</font>" );
      </script>

    14.不同时间段显示不同问候语

      <script Language="Javascript">
      <!--
      var text=""; day = new Date( ); time = day.getHours( );
      if (( time>=0) && (time < 7 ))
        text="夜猫子,要注意身体哦! "
      if (( time >= 7 ) && (time < 12))
        text="今天天气……哈哈哈,不去玩吗?"
      if (( time >= 12) && (time < 14))
        text="午休时间哦,朋友一定是不习惯午睡的吧?!"
      if (( time >=14) && (time < 18))
        text="下午茶的时间到了,休息一下吧! "
      if ((time >= 18) && (time <= 22))
        text="您又来了,可别和MM聊太久哦!"
      if ((time >= 22) && (time < 24))
        text="很晚了哦,注意休息呀!"
      document.write(text)
      //--->
      </script>

    15.水中倒影效果

      <img id="reflect" src="你自己的图片文件名" width="175" height="59">
      <script language="Javascript">
      function f1()
      {
        setInterval("mdiv.filters.wave.phase+=10",100);
      }
      if (document.all)
      {
        document.write('<img id=mdiv src="'+document.all.reflect.src+'"
        style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
        window.onload=f1
      }
      </script>

    16.慢慢变大的窗口

      <script Language="Javascript">
      <!--
      var Windowsheight=100
      var Windowswidth=100
      var numx=5
      function openwindow(thelocation){
      temploc=thelocation
      if
      (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
      {
        window.open(thelocation)
        return
      }
      windowsize=window.open("","","scrollbars")
      windowsize.moveTo(0,0)
      windowsize.resizeTo(100,100)
      tenumxt()
      }
      function tenumxt(){
      if (Windowsheight>=screen.availHeight-3)
        numx=0
      windowsize.resizeBy(5,numx)
      Windowsheight+=5
      Windowswidth+=5
      if (Windowswidth>=screen.width-5)
      {
        windowsize.location=temploc
        Windowsheight=100
        Windowswidth=100
        numx=5
        return
      }
      setTimeout("tenumxt()",50)
      }
      //-->
      </script>
      <p><a href="javascript:openwindow(http://www.csaspx.com)">进入</a>

    17.改变IE地址栏的IE图标

      我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:

      <link REL = "Shortcut Icon" href="index.ico"> 

  • 相关阅读:
    Android开发 ViewConfiguration View的配置信息类
    Android 开发 倒计时功能 转载
    Android 开发 关于7.0 FileUriExposedException异常 详解
    Android 开发 实现文本搜索功能
    Android 开发 Activity里获取View的宽度和高度 转载
    Android 开发 存储目录的详解
    Android 开发 Fresco框架点击小图显示全屏大图实现 ZoomableDraweeView
    Android 开发 将window变暗
    Android 开发 DisplayMetrics获取Android设备的屏幕高宽与其他信息
    Android 开发 DP、PX、SP转换详解
  • 原文地址:https://www.cnblogs.com/liubo175175/p/3679770.html
Copyright © 2011-2022 走看看