史上最全的JS代码,JS代码大全,各种实用的JS代码

	事件源对象   / F$ u7 a# C' c, P2 R2 bevent.srcElement.tagName   event.srcElement.type   % [0 {2 n# N8 O% a( [* M7 V% h捕获释放   ' N. j# T5 P& N& T" qevent.srcElement.setCapture();    event.srcElement.releaseCapture();    事件按键   event.keyCode   event.shiftKey   ; e5 [1 L$ W5 g1 k9 J/ {event.altKey   event.ctrlKey   事件返回值   event.returnValue   ; G, I, h1 J4 }* ]鼠标位置   event.x   event.y   $ e, }, r; `$ m$ m+ r$ F9 \5 a, E* {窗体活动元素     l% q0 }. k9 }0 o9 v' }document.activeElement     ]" v# \: Q: Y4 A8 h4 C绑定事件   document.captureEvents(Event.KEYDOWN);   访问窗体元素   2 {" X5 f4 P8 @! \document.all("txt").focus();   2 {. J9 l, @+ R9 qdocument.all("txt").select();   窗体命令   document.execCommand   1 M2 r; E# C& Q3 g0 A窗体COOKIE   - _; O  P3 Q5 c$ [2 `7 _7 X5 V: a, mdocument.cookie   菜单事件   document.oncontextmenu   / I8 x. N4 O7 C9 ]创建元素   document.createElement("SPAN");    根据鼠标获得元素：   ) h) n1 {0 m$ L0 Hdocument.elementFromPoint(event.x,event.y).tagName=="TD   document.elementFromPoint(event.x,event.y).appendChild(ms)    ) x, G. |0 N" a" B/ O+ l窗体图片   / P' V& J1 E& h7 r4 y% Y+ d( zdocument.images[索引]   窗体事件绑定   document.onmousedown=scrollwindow;   % f# W5 o' [6 F0 t- m7 Q元素   , D/ T& a/ U) [document.窗体.elements[索引]   对象绑定事件     `' b- Q% y; y+ x' H3 jdocument.all.xxx.detachEvent('onclick',a);   9 y% W) L/ R- A$ E* }插件数目   navigator.plugins   取变量类型   $ o: n: G1 F+ b3 {0 mtypeof($js_libpath) == "undefined"   1 E) g6 }* B3 g6 _5 I% y5 \下拉框   下拉框.options[索引]   " G) i& P9 g, h4 j* P下拉框.options.length   查找对象   document.getElementsByName("r1");   / N5 O/ {/ I9 t  Y) Sdocument.getElementById(id);   . _# ?( d3 g# E; O8 L: W' K定时   timer=setInterval('scrollwindow()',delay);   clearInterval(timer);   : }7 F9 _# f! ?! `  w$ I$ kUNCODE编码   escape() ,unescape   1 {3 ~: Q. q3 ?父对象   6 I& v7 Y6 n, B9 L& _obj.parentElement(dhtml)   obj.parentNode(dom)   : {6 A0 l' C- ]交换表的行   : v( H' ?% K- F: l) h3 \' fTableID.moveRow(2,1)   替换CSS   document.all.csss.href = "vvschool.css";   4 Q5 h- L$ p# f: S% R$ l" t0 p并排显示   0 B3 ?% J; ?  W- W1 Tdisplay:inline   : k" Q4 r1 E8 I2 Y+ U+ y隐藏焦点   , F8 A. d0 e1 e& G1 B0 Bhidefocus=true   根据宽度换行   ( W3 Z) _4 u1 R  x& _style="word-break:break-all"   / t# O# E; t1 E* e" ]自动刷新   ) y( K- w2 }6 m1 E<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.vvschool.cn">   简单邮件   <a  href="mailto:VvSchool@126.com">    快速转到位置   obj.scrollIntoView(true)   $ r( d0 s' P9 E" Z& I锚   ; y6 F3 Z+ D7 g0 ~# y; @- B<a name="first">   <a href="#first">anchors</a>   网页传递参数   ( U  U2 u4 y, w' `3 t. k; Q7 slocation.search();   3 I3 b9 Y9 f/ ~, m5 Y可编辑   8 A! B+ v3 a6 [$ dobj.contenteditable=true   执行菜单命令   " X4 h2 S$ U' y- H# f1 g& S7 gobj.execCommand   ) N7 `1 {- i8 C1 ~8 L: m' O双字节字符   /[^\x00-\xff]/   ! e! P2 T" z( l* v: h汉字   /[\u4e00-\u9fa5]/   让英文字符串超出表格宽度自动换行   $ T4 _# J5 p3 y2 R) ^/ g: V  C7 yword-wrap: break-word; word-break: break-all;   ( I/ ?# a9 _0 S透明背景   ) _4 h5 i* b2 z<IFRAME src="e3i5.htm" width=300 height=180 allowtransparency></iframe>   ; D8 q' ^1 \9 I) o! Z获得style内容   obj.style.cssText   HTML标签   document.documentElement.innerHTML   2 _% K" L4 {1 b) K  q9 w! A第一个style标签   # k' O: H( ^5 o, Idocument.styleSheets[0]   # ?' X/ o. t* R6 @7 t8 W5 d. Ustyle标签里的第一个样式   document.styleSheets[0].rules[0]   0 d+ M% `: U! s/ ^$ ?9 j防止点击空链接时，页面往往重置到页首端。   <a href="javascript:function()">word</a>   9 r- F! m9 M$ X上一网页源   asp:   request.servervariables("HTTP_REFERER")   javascript:   document.referrer   释放内存   8 S4 I  [" F7 f( L! @- \CollectGarbage();   $ ]; L. c' G- X" ?( r禁止右键   - w; O1 P; K5 T9 h6 Pdocument.oncontextmenu = function() { return false;}   * D* a) t. X2 U禁止保存   <noscript><iframe src="*.htm"></iframe></noscript>   " Y; E7 i" r# ]7 b禁止选取<bodyonmouseup="document.selection.empty()>    禁止粘贴   * b! H' X! X  ?7 r<input type=text>   " ]. I8 e" K% {9 @3 N地址栏图标   <link rel="Shortcut Icon" href="favicon.ico">   favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下   收藏栏图标   <link rel="Bookmark" href="favicon.ico">   9 Z$ P% B& ^- m" a查看源码 <input type=button value=查看网页源代码>   关闭输入法   ; s4 [' w" _1 c: H* {5 Z, J<input style="ime-mode:disabled">   自动全选   <input type=text name=text1 value="123">   ENTER键可以让光标移到下一个输入框   5 v: j2 a; v3 E+ U. P<input>   文本框的默认值   , E7 H1 \% @2 j; X<input type=text value="123">   . T* }# U4 @0 Q' k+ y* `title换行   : o; l. E6 i, iobj.title = www.vvschool.cn   6 q5 ?9 f6 [& B0 z8 I获得时间所代表的微秒   4 @5 y+ g3 `( j7 t. fvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()     D; F* P  J4 r; u窗口是否关闭   , j: ]' l7 Q- fwin.closed   checkbox扁平   ( W6 V/ h$ Z9 L$ T7 ~<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>   获取选中内容   document.selection.createRange().duplicate().text   9 M; w: h- z; x' U; e5 Z自动完成功能   <input  type=text  autocomplete=on>打开该功能    ) J9 [) [6 k" j2 x, q' E* U<input  type=text  autocomplete=off>关闭该功能      窗口最大化   <body>   : `2 e( l8 x2 t3 l! N% `无关闭按钮IE   6 i4 h8 [/ m, o5 {* u( Hwindow.open("aa.htm", "meizz", "fullscreen=7");   ! s" U  S8 i1 p' q3 a5 [( X统一编码/解码   alert(decodeURIComponent(encodeURIComponent("http://www.vvschool.cn?as= hehe")))   - J; X" [. p& l4 o" B% a1 tencodeURIComponent对":"、"/"、";" 和 "?"也编码   表格行指示   ; p" t' Y# u+ ^& s<tr> 5 ~7 q$ g- B# r5 N/ G* e//各种尺寸 5 s/ O( g0 l: i9 F& gs  +=  "\r\n网页可见区域宽："+  document.body.clientWidth;    7 p: Q# [4 q, u2 z" d% Ns  +=  "\r\n网页可见区域高："+  document.body.clientHeight;    9 }7 W  v! q* h+ `0 b3 S3 j* ms  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";    ! Y1 Q! ^: x! K5 d$ Ds  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";    : o& g6 [$ z% {$ A( `  m# b. As  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;    5 Q" \" ?  j: H/ e* ~) ss  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;    s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;    : H/ k, X& V2 Js  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;    0 I9 v( T/ w1 Q1 B- Z! qs  +=  "\r\n网页正文部分上："+  window.screenTop;    s  +=  "\r\n网页正文部分左："+  window.screenLeft;    s  +=  "\r\n屏幕分辨率的高："+  window.screen.height; ; K& G% r' ?& l  fs  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;    " r1 [, k9 h3 Z2 ~& Es  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;    s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;    , I, ^& C8 L8 {8 v: W, B( C//过滤数字 8 S$ t/ f0 _1 f# t ' }( z6 {! J# |2 g . m* Q# V3 o" ]; |' f6 H<input type=text> //特殊用途 <input type=button value=导入收藏夹>   <input type=button value=导出收藏夹>   + L+ g: B7 _& r7 \; g<input type=button value=整理收藏夹>   <input type=button value=语言设置   onclick="window.external.ShowBrowserUI('LanguageDialog', null)">   <input type=button value=加入收藏夹>   <input type=button value=加入到频道>    $ R& ?2 k! N" F! l+ S<input type=button value=加入到频道> # v' p$ R; ?3 t # q% D6 N! R3 f/ h; g//不缓存 7 _7 p" L* ]& h4 M# x<META HTTP-EQUIV="pragma" CONTENT="no-cache">   3 A% z% ?! Q9 g" ~/ t& H( J<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">   ' `$ v8 d9 k$ }* p( b<META HTTP-EQUIV="expires" CONTENT="0"> " F5 {7 x1 b4 Q , g) M8 n" _$ @1 R* p4 H6 w" i1 l//正则匹配 $ t5 l9 i$ x3 w8 B  r1 q 匹配中文字符的正则表达式： [\u4e00-\u9fa5]   $ b" p0 @. Y1 U6 m' Q/ G/ s( D, J匹配双字节字符(包括汉字在内)：[^\x00-\xff]   + O7 ]* J0 I+ }; @$ _; T% Y- a$ X匹配空行的正则表达式：\n[\s| ]*\r   9 r' C* ]  u/ a4 e8 |: J匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/    8 F! E  V# S) j1 o: `4 A匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）   + T' p! P2 I4 Y: b" Y匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*   匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?   - k; b# R' j& f; e以下是例子：   利用正则表达式限制网页表单里的文本框输入内容：   4 D5 G9 w3 ~& ?& `用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"   5 S/ G( D: D! Y1.用正则表达式限制只能输入全角字符：   2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   9 D6 j# r7 H, X- q* `//消除图像工具栏 <IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">    or   <head>   , r/ l3 b1 o3 @8 J<meta http-equiv="imagetoolbar" content="no">   7 q+ J4 n" L7 a+ |! [  G7 l</head> //无提示关闭 function Close()   3 a0 V( t1 w% K3 _# x{   $ d& L7 A2 Y7 U" l) o7 x& Q var ua=navigator.userAgent   ) T% N2 F4 O; M var ie=navigator.appName=="Microsoft Internet Explorer"?true:false   : I2 e0 }( B+ H# a if(ie)   ; g5 z* L- N6 V  b {   0 t7 G, m: T1 ~/ J4 Y, }" c      var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))   4 S4 ~: \$ x0 H2 o  if(IEversion< 5.5)   % V& l0 d" E3 U) [0 E* a9 [  {   ) a$ X: K- F# U0 {   var str  = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'   ! v6 h3 ?7 C% ?+ m* b$ L/ z1 v       str += '<param name="Command" value="Close"></object>';   ; b" u0 X, Q7 s* l       document.body.insertAdjacentHTML("beforeEnd", str);   + {. {# c; b4 |' J3 l+ [       document.all.noTipClose.Click();     }         else     {   ( E0 t9 g3 s9 [8 Q       window.opener =null;   + e% O5 S% D) e7 K- V       window.close();         }   ' R! K: s3 I2 }- V0 \+ k& P3 y   }   3 i3 C- Y- l6 D4 z8 e else   {   2 u& N" ?" S7 b+ x  window.close()   ' O7 d- K: i* B9 `   }   }   / p- N) k0 g% k0 e3 G//取得控件得绝对位置(1) , S% C& Y; ~' H( M( Q 5 k& A3 [, O4 n! k, ^ <script language="javascript">    9 C  h. ?: `8 U+ n( @7 N$ ~5 f. Wfunction getoffset(e)   {    7 p2 y% O$ V& v; ` var t=e.offsetTop;    % L$ w. Z# t% Q+ r4 F. J" A6 N/ \& ] var l=e.offsetLeft;    / P6 U# p- c& \9 x6 ~5 E2 k while(e=e.offsetParent)   3 D* i) Z; X- e {    3 j2 {7 j3 J. A/ {; D  t+=e.offsetTop;      l+=e.offsetLeft;    }    var rec = new Array(1);   6 n0 ?+ O0 I& P5 d rec[0]  = t;   + S/ W  A; N9 R: c3 F* I rec[1] = l;   & ^5 y" c5 [0 S) G& s4 B return rec   }    </script>   //获得控件的绝对位置(2) $ ?+ d7 v! u" n# \ oRect = obj.getBoundingClientRect();   oRect.left   oRect.   //最小化,最大化,关闭 6 S" {  L+ [8 |  }( T% f + [+ N4 i: p3 y& w/ S<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    5 Q' J7 I0 i% C6 b* a7 J<param name="Command" value="Minimize"></object>    <object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    1 z+ K. i' c" t0 t3 j<param name="Command" value="Maximize"></object>    <OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> : }  X/ H6 U3 g  X9 g<PARAM NAME="Command" value="Close"></OBJECT>    <input type=button value=最小化 onclick=min.Click()>    , |/ l7 y' K0 U0 w# I" _4 L, \<input type=button value=最大化 onclick=max.Click()>    ' ^5 n# V, _, p<input type=button value=关闭 onclick=close.Click()> //光标停在文字最后 2 F% f/ t2 R6 f) I' z' j6 x<script language="javascript">   + t8 `& X& A' n% k2 Xfunction cc()   ' Y& @4 F+ t( R: u0 V" Z{   var e = event.srcElement;     V0 e, ]! @5 c% S+ i, I+ o var r =e.createTextRange();   2 Z/ r( Y  m" D1 a% }3 g5 Z r.moveStart('character',e.value.length);   2 V( M3 D5 F( b r.collapse(true);   3 `+ X  ~6 l% V. H! f/ b% s$ V r.select();   }   </script>   <input type=text name=text1 value=www.vvschool.cn>   //页面进入和退出的特效 ( U4 ]! J8 I3 a8 N# }) }, D % ^1 X! f# [( k& C% R! ~- q进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">   推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">    这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使   用哪种特效，取值为1-23:   　　0 矩形缩小    　　1 矩形扩大    ' T7 b& D3 q4 d& [# u7 O( z' w; M　　2 圆形缩小   　　3 圆形扩大    　　4 下到上刷新    * i8 r8 Y' o; E: L3 f1 f$ j8 V% o　　5 上到下刷新   9 }8 |6 k. y, r5 L8 k　　6 左到右刷新    　　7 右到左刷新    　　8 竖百叶窗   　　9 横百叶窗    / ~8 _' A* p; y4 W1 }: b　　10 错位横百叶窗    / ^/ L! [8 J' g, E' W　　11 错位竖百叶窗   # @6 x( H$ A5 r% |: r　　12 点扩散    " S7 ^$ O* M) z9 Z9 }/ f! w　　13 左右到中间刷新    % q# q" q5 ~1 P/ N5 x7 T! q　　14 中间到左右刷新 js代码大全，总共有100个，广告、新闻、动画、菜单、相册、幻灯片，可谓面面俱到 6 v- v3 c. {1 [4 ~直接上下载地址: + T" i# `$ X" E. m" x 游客，如果您要查看本帖隐藏内容请回复

ＣooL．泪猪说：