网站设计的一些小方法

1、实现“加入收藏”:
  <a href="javascript:window.external.addFavorite('http://www.freewebs.com/java-cn','java中国')">加入收藏</a>

2、实现“设为首页”:
  <a href="#"   οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.freewebs.com/java-cn/')">设为首页</a>

3、实现“滚动字母”:
  <marquee scrollamount="4" onMouseOver="this.stop()" onMouseOut="this.start()">这里是要滚动的句子</marquee>

4、打印本页:
  <a href="#" οnclick="window.print();return false">打印本页</a>
  打印按钮:
   <INPUT οnclick="document.execCommand('print','true','true')" type=button value=打印>

5.发送邮件:
  <a href="mailto:****@***">给我写发邮件****@*****</a>
  发信按钮:
  <INPUT TYPE="button" VALUE="e-mail" onClick="parent.location='mailto:ctfzh@yahoo.com.cn?subject=这里写入你发信的主题!'">

6.在打开当前页后30秒后会刷新,打开第二个页面:
  <head><META httpequiv="Refresh" content="30;url=second.html"></head>

6.1.取得IP:
 <%=Request.ServerVariables("REMOTE_ADDR") %>    //客户端
 <%=Request.ServerVariables("LOCAL_ADDR") %>    //本地

6.2.在asp文件中直接包含某个文件的代码:
 方法一:<script language="javascript" src="newnews.asp?num=10"></script>
        方法二:<!-- #include Virtual="/virtualpath/inc/conn.asp" -->       //virtualpath为虚拟路径
 方法三:<!-- #include file="./inc/conn.asp" -->                     //相对路径
6.3.Asp中定位到XX页
 方法一:response.write "<script>location.href='index.asp'</script>"
 方法二:respnse.redirect index.asp

7.logo:120*82     banner:600*82/468*60/234*60  rightLink: 80*82

8.禁止点击右键:
  将下面的代码复制到<head>中
  <script language="javascript">
  function click() {
  if (event.button==2) {
  //将下面的文字改变成你需要的文字
  alert('本页不许点击右键')
  }
  }
  document.οnmοusedοwn=click
  </script>

9.离开时起动收藏夹:
  一:修改〈BODY****〉中的内容,将下面的代码加入原〈BODY****〉中
  onUnload="bookmark()"

  二:将下面的代码复制到〈BODY〉区
  <script language="javascript">
  function bookmark(){
  window.external.AddFavorite('http://www.freewebs.com/java-cn/', 'java中国')
  }
  </script>

10.立体的页面边框:
  //将下面的代码复制到〈BODY〉区
  //修改边框的宽度和颜色
  <script language="JavaScript1.2">
  if (document.all)
  document.body.style.cssText="border:25 ridge red"
  </script>

11.全选按钮:
  <form>
  <input type=button value="全选" onClick="javascript:this.form.txt.focus();this.form.txt.select();"><br>
  <textarea NAME="txt" ROWS=10 COLS=35 WRAP=VIRTUAL>
  按一下"全选"按钮就可以选中这些字</textarea>
  </form>

12.退出时弹出的窗口:
  //将下面的代码复制到〈BODY〉与〈/BODY〉中
  //第一步:把如下代码加入区域中
  <script LANGUAGE="JavaScript">
  //修改打开窗口的地址和大小
  <!-- Begin
  function leave() {
  window.open('html/note.html','','toolbar=no,menubar=no,location=no,height=225,width=235');
  }
  // End -->
  </script>
 
  第二步:修改<body***>中的内容,将下面的代码加入原<body***>中
  onUnload="leave()"

13.显示当前页的路径:
  //将下面的代码复制到〈BODY〉区
  <script language="JavaScript">
  <!--
  document.write('<font color=red>当前页的路径为:</font>'+document.URL)
  //-->
  </script>

14.显示浏览器信息:
  //将下面的代码复制到〈BODY〉区
  <script language="JavaScript"><!--
  document.write("浏览器名称: "+navigator.appName+"<br>");
  document.write("版本号: "+navigator.appVersion+"<br>");
  document.write("代码名字: "+navigator.appCodeName+"<br>");
  document.write("用户代理标识: "+navigator.userAgent);
  </script>

15.显示日期和星期:
  //将下面代码复制到<body></body>中
  <script language=JavaScript>
  today=new Date();
  function initArray(){
   this.length=initArray.arguments.length
   for(var i=0;i<this.length;i++)
   this[i+1]=initArray.arguments[i]  }
   var d=new initArray(
     "星期日",
     "星期一",
     "星期二",
     "星期三",
     "星期四",
     "星期五",
     "星期六");
   document.write(
     "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
     today.getYear(),"年",
     today.getMonth()+1,"月",
     today.getDate(),"日",
     d[today.getDay()+1],
     "</font>" );
   </script>


16.自动延长的输入框:
  <input size=4 οnkeydοwn='if(this.value.length>this.size)this.size=this.value.length+2'>

17.javascript的容错脚本,有了它,你的页面就不会出现错误提示了。
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function Helpor_net() {
  return true;
   }
   window.onerror = Helpor_net();
   // -->
  </SCRIPT>

18.循环播放歌曲:
  <bgsound src="" loop="-1">

19.保护自己的页面不被别人放在框架中:
  说明 有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,
  而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,
  这样,你的网页便总是在整个窗口中打开了。效果不信?自己做个框架页面试试:) 
  <Script LANGUAGE="JavaScript">
  if(self!=top){top.location=self.location;}
  </script>

20.使你的滚动条变成彩色!(IE5.5以下版本无效):
  //把以下代码加入到<head>与</head>之间:
  <style type="text/css">
  body
  {
  scrollbar-face-color: #b5daff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #000000;
  scrollbar-arrow-color: #0000ff;
  scrollbar-base-color: #6699ff;
  scrollbar-dark-shadow-color: #6699ff;
  }
  </style>

21.刷新本页: 
  <a href="javascript:location.reload()" target="_self">刷新</a>

22.返回到上一页面:
   <a href="javascript:history.back(-1)">返回上一页</a>

23.屏蔽鼠标左,右键:
  <body bgColor="#FFFFFF" onContextMenu="return false" onSelectStart="return false">

24.真正的全屏显示,只能用ALT+F4关闭:
   <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location,    'www.freewebs.com/java-cn/',    'fullscreen')">


25.在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口:
  <script language="JavaScript">
  window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no,   scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
  </script>

26.网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!
  代码中“i=20”表示关闭的  延迟时间为20秒,可任意修改。 
  <script language="javascript">
  <!--
  function clock(){i=i-1
  document.title="本窗口将在"+i+"秒后自动关闭!";
  if(i>0)setTimeout("clock();",1000);
  else self.close();}
  var i=20
  clock();
  //-->
  </script>


27.鼠标接触或者离开图片时,图片大小会相应变化: 
   <span id="s1" style = "width : 150"><a href="http://www.helpor.net" target="_blank"            οnmοuseοver="www_helpor_net.style.width='200';" οnmοuseοut="www_helpor_net.style.width= '150';"><Img         src="http://code.helpor.net/picture/swimming.gif" id="www_helpor_net"></a></span>


28.自动滚屏:
  <body onLoad="scrollit()">
  <SCRIPT language="JavaScript">
  <!--
  function scrollit(){
  for (I=1; I<=500; I++){
  self.scroll(1,I)
  }
  }
  //-->
  </SCRIPT>

29.自动记录、显示页面更新时间:
  <script language="JavaScript">
  <!--
  document.write("本页最后更新日期: " + document.lastModified)
   -->
  </script>


30.当前日期:<%=date()%>
   当前时间:<%=now.gettime()%>

31.导入样式表:
   <head><link href="webStyle.css" rel="stylesheet" type="text/css"></head>

32.未受权访问处理:
    <%if request.Cookies("admin")="ctfzh" and session("administrator")="administrator" then
 Response.Redirect "edit.asp"
    else
 response.write "<script language=javascript>alert('请不要攻击小站!');history.back(-1);</script>"
    end if
    %>

33.ip和日期显示 
   <% 
   IP = Request.ServerVariables("REMOTE_ADDR")
   Response.Write "<br>你的IP地址为:[<a href='http://www.freewebs.com/java-cn/'><font color=green>"&ip&"</font></a>]"
   Response.Write "<br>(<font color='#cc00aa'>"&now()&" "&WeekdayName(Weekday(date()))&"</font></a>)"
   %> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值