常用的JavaScript语句集(转载)
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
常用的JavaScript语句集(一)
--------------- 输出和后退 <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-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')==''){ documents.cookie="popped=yes" } } 说明:以上是JS代码,请自己加起始符和结束符 该文章在 2010/8/18 11:54:10 编辑过 |
关键字查询
相关文章
正在查询... |