• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
紫色幽灵
软件开发备忘录
博客园    首页    新随笔    联系   管理    订阅  订阅

网页常用小技巧

个人软件开发收集总结.大家共享

 


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

2、实现“设为首页”:
  
<a href="#"   onclick="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="#" onclick="window.print();return false">打印本页</a>
  打印按钮:
   
<INPUT onclick="document.execCommand('print','true','true')" type=button value=打印>

5.发送邮件:
  
<a href="mailto:ctfzh@yahoo.com.cn">给我写发邮件ctfzh@yahoo.com.cn</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>

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.onmousedown
=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 onkeydown='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"            onmouseover="www_helpor_net.style.width='200';" onmouseout="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>)"
   
%>

 

posted @ 2007-04-08 18:18  紫色幽灵  阅读(122)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3