`
rimoer
  • 浏览: 98956 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

常用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.禁止鼠标右键的动作

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

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.取消选取、防止复制
<bodyonselectstart="returnfalse">

19.不准粘贴

onpaste="returnfalse"

20.防止复制

oncopy="returnfalse;"oncut="returnfalse;"

21.关闭输入法

<inputstyle="ime-mode:disabled">

22.网页将不能被另存为

<noscript><iframesrc=*.html></iframe></noscript>

23.最小化、最大化、关闭窗口

<objectid=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<paramname="Command"value="Minimize"></object>
<objectid=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<paramname="Command"value="Maximize"></object>
<OBJECTid=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAMNAME="Command"VALUE="Close"></OBJECT>
<inputtype=buttonvalue=最小化onclick=hh1.Click()>
<inputtype=buttonvalue=最大化onclick=hh2.Click()>
<inputtype=buttonvalue=关闭onclick=hh3.Click()>

24.让表单没有凹凸感

<inputtype=textstyle="border:1solid#000000">

<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:

1solid#000000"></textarea>

25.不要滚动条

让竖条没有:
<bodystyle="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<bodystyle="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<bodyscroll="no">
</body>
26.脚本永不出错

<SCRIPTLANGUAGE="JavaScript">
<!--Hide
functionkillErrors(){
returntrue;
}
window.onerror=killErrors;
//-->
</SCRIPT>
27.ENTER键可以让光标移到下一个输入框
<inputonkeydown="if(event.keyCode==13)event.keyCode=9">
28.检测某个网站的链接速度

把如下代码加入<body>区域中:
<scriptlanguage=Javascript>
tim=1
setInterval("tim++",100)
b=1
varautourl=newArray()
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"
functionbutt(){
document.write("<formname=autof>")
for(vari=1;i<autourl.length;i++)
document.write("<inputtype=textname=txt"+i+"size=10value=测试中……>=》<inputtype=text
name=url"+i+"size=40>=》<inputtype=buttonvalue=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<inputtype=submitvalue=刷新></form>")
}
butt()
functionauto(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++
}
functionrun(){for(vari=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+"

width=1height=1

onerror=auto("http://"+autourl+"")>")}
run()</script>
29.文件上传过程中判断文件类型

<input type=file onchange="alert(this.value.match(/^(.*)(/.)(.{1,8})$/)[3])">

分享到:
评论

相关推荐

    W3Cfuns1500个前端开发常用JavaScript特效

    W3Cfuns1500个前端开发常用JavaScript特效集合是一个宝贵的资源库,为开发者提供了丰富的代码示例和灵感来源。这个资源包含了各种各样的特效,包括但不限于动画、表单处理、图像操作、导航菜单、滚动效果、时间日期...

    51CTO下载-1500个前端开发常用JavaScript特效

    这个名为“51CTO下载-1500个前端开发常用JavaScript特效”的资源集合,无疑为开发者提供了丰富的工具和灵感,帮助他们提升用户体验并加快开发进程。以下是这个压缩包中可能包含的一些关键JavaScript特效及其相关知识...

    1500个前端开发常用JavaScript特效

    1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个...

    JavaScript精华(常用JavaScript模块)

    这个“JavaScript精华(常用JavaScript模块)”的资源集锦,显然是为了帮助开发者深入理解和掌握JavaScript的核心概念和常用的模块化技术。 首先,JavaScript的核心概念包括变量、数据类型、运算符、流程控制(如条件...

    程序员常用JavaScript特效

    本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先,我们来谈谈JavaScript基础。JavaScript是一种解释型、弱类型、基于原型的对象导向语言,它主要在浏览器环境中运行,用于处理用户交互、操作...

    常用javascript效果以及源码

    本资源"程序员常用JavaScript特效.chm"包含了多种常见的JavaScript效果及其源码,对于学习和实践JavaScript编程的开发者来说是一份宝贵的资料。 首先,让我们探讨一些JavaScript的基本概念。JavaScript是一种解释型...

    程序员常用JavaScript特效源码600例

    "程序员常用JavaScript特效源码600例"是针对JavaScript开发者的宝贵资源库,包含了各种实用且视觉上吸引人的代码示例。这个压缩包中的"程序员常用JavaScript特效.chm"文件是一个帮助文档,通常用于组织和展示这些...

    前端常用JavaScript特效合集

    这个"前端常用JavaScript特效合集"包含1500个不同的特效,为开发者提供了丰富的资源库,帮助他们提升用户体验,使得网站或应用更加生动、吸引人。 1. **基础特效**:JavaScript基础特效包括动画效果(如淡入淡出、...

    常用JavaScript300例

    "常用JavaScript300例"是一个涵盖了JavaScript核心知识点的实践集合,旨在帮助开发者掌握和应用JavaScript的基础及进阶技巧。 在JavaScript中,这20个类型通常指的是基本数据类型(包括Undefined、Null、Boolean、...

    1500个常用JavaScript特效

    这个"1500个常用JavaScript特效"的资源集合,为开发者提供了丰富的代码示例和灵感,涵盖了多个方面,旨在帮助提升网页的交互性和用户体验。 1. **菜单效果**:JavaScript可以动态创建和控制网页菜单,实现下拉、...

    程序员常用JavaScript特效.rar

    本压缩包"程序员常用JavaScript特效.rar"中包含了一份名为"程序员常用JavaScript特效.chm"的文档,很可能是对多种常见JavaScript特效的详细讲解和示例。 JavaScript特效主要涵盖以下几个方面: 1. **页面动态效果*...

    常用javascript特效代码(带预览功能)

    资源名称:常用Javascript特效代码(带预览功能)   内容简介: 常用Javascript特效代码集锦,带有演示,左侧是特效分类及名称,点击后在右侧窗口中可预览效果,点右键可查看源代码,非常...

    常用JavaScript特效

    常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效常用JavaScript特效 很好的东东

Global site tag (gtag.js) - Google Analytics