CrackKay

与您一同分享精彩的网络世界 -486174组织成员

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
<script language="javascript"> 
alert("错误~~ 请输入帐号!!"); 
location.href="javascript:history.back()" 
</script> 
 
  
 
  
 
--------------- 输出并重定向 
 
<script language="javascript"> 
alert("添加成功~~!!"); 
location.href="BookList.asp" 
</script> 
 
  
 
  
 
---------------- 内嵌一个页面并设置为可编辑 
 
<script language="javascript"> 
     document.write ('<iframe src="text.asp" id="message" width="550" height="250"></iframe>') 
      frames.message.document.designMode = "On"; 
</script> 
 
  
 
  
 
--------------- 检验复选框是否已选并提示 
 
<script language="javascript"> 
function checkdata() 
{ 
if (document.form1.viewhtml.checked == true) 
 { 
   alert("对不起,请取消“查看HTML源代码”后再添加!") 
   document.form1.viewhtml.focus() 
   return false 
  } 
} 
</script> 
 
  
 
  
 
---------------- 用JavaScript 在超连接中打开一个新窗口(可控制大小) 
 
<a href=# onClick="javascript:window.open('Buy.asp?id=<% = rs("Id") %>','','width=570,height=160,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;">打开一个窗口</a> 
 
下面列出些常用的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://你的网址">  
  </head>  
 
6.添加到收藏夹  
 
  <Script Language="javascript">  
  function bookmarkit()  
  {  
  window.external.addFavorite('http://你的网址','你的网站名称')  
  }  
  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.让网页随意后退 
 
       <a href="javascript :history.go(-X)">X</a>  
 
          //把X换成你想要后退在页数  
 //把“-”变成“+”就为前进 
 
9.设置该页为首页  
 
  <body bgcolor="#FFFFFF" text="#000000">  
  <!-- 网址:http://你的网址-->  
  <a class="chlnk" style="cursor:hand" HREF  
  onClick="this.style.behavior='url(#default#homepage)';  
  this.setHomePage('你的网站名称);"><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.xxx.com)">进入</a>  
 
17.改变IE地址栏的IE图标  
 
  我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:  
          <link REL = "Shortcut Icon" href="index.ico"18.鼠标指向时弹出信息框 
  <body> 
  <a href onmouseover="alert('弹出信息!')">显示的链接文字</a>  
        </body> 
 
 
19.单击鼠标右键弹出添加收藏夹对话框  
  <body> 
  <script Language=javascript>  
  if (document.all)  
  document.body.onmousedown=new function("if (event.button==2||event.button==3)  
  window.external.addFavorite('您的网址','您的网站名称)")  
  </script>  
        </body> 
 
20.离开网页时和加载网站时提示你将本站加入收藏夹 
 
  可以很大的加大的网站的访问量。 
 
  一、在网页的 
 
 
  二、在网页中的  标记中加入下面的代码: 
 
  onunload=favorate() 
 
  当然如果你想在网页载入时提示只需要把 
 
  上面的onunload=favorate()改成onload=favorate() 
 
21.JS制作网页标题栏滚动信息的显示:  
 
将下面的代码copy到网页的<head>和</head>中. 
 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!--  
var msg = "蓝色空间"; 
var speed = 300; 
var msgud = " " + msg;  
function titleScroll() {  
if (msgud.length msgud = msgud.substring(1, msgud.length);  
document.title = msgud.substring(0, msg.length); 
window.setTimeout("titleScroll()", speed);  
} 
--> 
</SCRIPT> 
 
在网页的BODY中加入下面的代码: 
 
<BODY onload="window.setTimeout('titleScroll()', 500)"> 
 
 
22.JS状态栏信息分行显示:  
   
将下面的代码copy到网页的<head>和</head>中. 
 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!--  
function makeArray(n) { 
this.length = n; 
} 
function stopBanner() { 
if (bannerRunning) 
clearTimeout(timerID); 
bannerRunning = false; 
} 
function startBanner() { 
stopBanner(); 
showBanner(); 
} function showBanner() { 
var text = ar[currentMessage]; 
if (offset < text.length) { 
if (text.charAt(offset) == " ") 
offset++;  
var partialMessage = text.substring(0, offset + 1); 
window.status = partialMessage; 
offset++; 
timerID = setTimeout("showBanner()", speed); 
bannerRunning = true; 
} else { 
offset = 0; 
currentMessage++; 
if (currentMessage == arlength) 
currentMessage = 0; 
timerID = setTimeout("showBanner()", pause); 
bannerRunning = true; 
} 
} 
var speed = 100  
var pause = 1000  
var timerID = null; 
var bannerRunning = false; 
var currentMessage = 0; 
var offset = 0; 
var arlength = 3; 
var ar = new makeArray(arlength); 
ar[0] = "蓝色空间";  
ar[1] = "欢迎你的光临";  
ar[2] = "有建议请联系V-蓝动力"; 
--> 
</SCRIPT> 
 
在网页的BODY中加入下面的代码: 
 
<BODY onload=startBanner()> 
 
23. 可以在收藏夹中显示出你的图标  
 
      <link rel="Bookmark" href="favicon.ico"> 
 
24. 永远都会带着框架  
 
<script language="javascript"><!--  
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页  
// --></script> 
 
25. 最小化、最大化、关闭窗口  
 
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Minimize"></object>  
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Maximize"></object>  
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">  
<PARAM NAME="Command" value="Close"></OBJECT>  
 
<input type=button value=最小化 onclick=hh1.Click()>  
<input type=button value=最大化 onclick=hh2.Click()>  
<input type=button value=关闭 onclick=hh3.Click()>  
本例适用于IE  
 
26. TEXTAREA自适应文字行数的多少  
 
 
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> 
</textarea>  
 
 
27. 检测某个网站的链接速度:  
 
 
把如下代码加入<body>区域中:  
<script language=javascript>  
tim=1  
setInterval("tim++",100)  
b=1  
 
var autourl=new Array()  
autourl[1]="www.njcatv.net"  
autourl[2]="javacool.3322.net"  
autourl[3]="www.sina.com.cn"  
autourl[4]="www.nuaa.edu.cn"  
autourl[5]="www.cctv.com"  
 
function butt(){  
document.write("<form name=autof>")  
for(var i=1;i<autourl.length;i++)  
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>")  
document.write("<input type=submit value=刷新></form>")  
}  
butt()  
function auto(url){  
document.forms[0]["url"+b].value=url  
if(tim>200)  
{document.forms[0]["txt"+b].value="链接超时"}  
else  
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}  
b++  
}  
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto(http://";;+autourl[i]+"')>")} 
run()</script>  
 
 
28. 如何改变链接的鼠标形状  
 
只需在链接上加上这一代码就行的了  
或者跟上面的用CSS写也行  
 
style="cursor:hand"       style="cursor:crosshair"  
style="cursor:text"       style="cursor:wait"  
style="cursor:move"       style="cursor:help"  
style="cursor:e-resize"     style="cursor:n-resize"  
style="cursor:nw-resize"     style="cursor:w-resize"  
style="cursor:s-resize"     style="cursor:se-resize"  
style="cursor:sw-resize"  
以上代码你只需要加到连接或是页面的STYLE区里就可以实现鼠标多样化。  
 
29.COOKIE脚本记录,有很大的用处。 
 
function get_cookie(Name) {  
var search = Name + "="  
var returnvalue = "";  
if (documents.cookie.length > 0) {  
offset = documents.cookie.indexOf(search)  
if (offset != -1) { // if cookie exists  
offset += search.length  
// set index of beginning of value  
end = documents.cookie.indexOf(";", offset);  
// set index of end of cookie value  
if (end == -1)  
end = documents.cookie.length;  
returnvalue=unescape(documents.cookie.substring(offset, end))  
}  
}  
return returnvalue;  
}  
function loadpopup(){  
if (get_cookie('popped')==''){  
openpopup()  
documents.cookie="popped=yes"   
 
 
}  
}  
说明:以上是JS代码,请自己加起始符和结束符

 

posted on 2013-04-23 20:51  CrackKay  阅读(435)  评论(2编辑  收藏  举报