ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x
event.y
´°Ìå»î¶¯ÔªËØ
document.activeElement
°ó¶¨Ê¼þ
document.captureEvents(Event.KEYDOWN);
·ÃÎÊ´°ÌåÔªËØ
document.all("txt").focus();
document.all("txt").select();
´°ÌåÃüÁî
document.execCommand
´°ÌåCOOKIE
document.cookie
²Ëµ¥Ê¼þ
document.oncontextmenu
´´½¨ÔªËØ
document.createElement("SPAN");
¸ù¾ÝÊó±ê»ñµÃÔªËØ£º
document.elementfromPoint(event.x,event.y).tagName=="TD
document.elementfromPoint(event.x,event.y).appendChild(ms)
´°ÌåͼƬ
document.images[Ë÷Òý]
´°Ìåʼþ°ó¶¨
document.onmousedown=scrollwindow;
ÔªËØ
document.´°Ìå.elements[Ë÷Òý]
¶ÔÏó°ó¶¨Ê¼þ
document.all.xxx.detachEvent('onclick',a);
²å¼þÊýÄ¿
navigator.plugins
È¡±äÁ¿ÀàÐÍ
typeof($js_libpath) == "undefin ......
±¾ÎÄÁоÙÁ˸÷ÖÖJavaScript¶ÔÏóÓëÊý×é,ͬʱ°üÀ¨¶ÔÉÏÊöÿһ¶ÔÏó»òÊý×éËùÍê³É¹¤×÷µÄ¼ò¶ÌÃèÊö,ÒÔ¼°ÓëÆäÏà¹ØµÄÊôÐÔ·½·¨,ÒÔ¼°Ê¼þ´¦Àí³ÌÐò¡£
¡¡¡¡B.1 anchor¶ÔÏó
¡¡¡¡Ê¹ÓÃ<A NAME=>±ê¼Ç´´½¨µÄHTMLÃèµãÄܱ»Ò»¸öÁ´½Ó×÷ΪĿ±êÈç¹ûêµã°üÀ¨HREF=ÌØÐÔ,ÔòËüÒ²ÊÇÒ»¸öÁ´½Ó¶ÔÏó¡£
¡¡¡¡anchor¶ÔÏóÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,Ëü±¾ÉíûÓÐÊôÐÔ·½·¨»òÕßʼþ´¦Àí³ÌÐò¡£
¡¡¡¡B.2 anchorsÊý×é
¡¡¡¡anchorsÊý×éÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,ÊÇÎĵµÄÚËùÓÐanchor¶ÔÏóµÄÒ»¸öÁбíÈç¹ûanchorÒ²ÊÇÒ»¸ölink(Á´½Ó),ÔòËü»áͬʱ³öÏÖÔÚanchorsºÍlinksÊý×éÖС£
¡¡¡¡ÊôÐÔ
¡¡¡¡length ÎĵµÄÚµÄêµã¸öÊý
¡¡¡¡B.3 array¶ÔÏó
¡¡¡¡array¶ÔÏóÊÇNetscape Navlgator 3.0 beta 3ÖÐÒýÈëµÄÒ»¸öеĶÔÏó,Òò¶ø,Ëü²»ÄÜÔÚNetscape 2.0ÖÐʹÓÃËüÊÇÒ»¸öÄÚÖöÔÏó,¶ø²»ÊÇÆäËü¶ÔÏóµÄÊôÐÔ¡£
¡¡¡¡ÊôÐÔ
¡¡length Êý×éÖеÄÖµ¸öÊý
¡¡¡¡B.4 button¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏóµÄÒ»¸öÊôÐÔ,ʹÓÃ<INPUT TYPE="BUTTON">±ê¼ÇÀ´´´½¨¡£
¡¡¡¡ÊôÐÔ
¡¡¡¡name HTML±ê¼ÇÖеÄNAME=ÌØÐÔ
¡¡¡¡value HTML±ê¼ÇÖеÄVALUE=ÌØÐÔ
¡¡¡¡·½·¨
¡¡¡¡click Ä£ÄâÊó±êµ¥»÷Ò»°´Å¥
¡¡¡¡Ê¼þ´¦Àí³ÌÐò
¡¡¡¡Onclick
¡¡¡¡B.5 checkbox ¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏ ......
±¾ÎÄÁоÙÁ˸÷ÖÖJavaScript¶ÔÏóÓëÊý×é,ͬʱ°üÀ¨¶ÔÉÏÊöÿһ¶ÔÏó»òÊý×éËùÍê³É¹¤×÷µÄ¼ò¶ÌÃèÊö,ÒÔ¼°ÓëÆäÏà¹ØµÄÊôÐÔ·½·¨,ÒÔ¼°Ê¼þ´¦Àí³ÌÐò¡£
¡¡¡¡B.1 anchor¶ÔÏó
¡¡¡¡Ê¹ÓÃ<A NAME=>±ê¼Ç´´½¨µÄHTMLÃèµãÄܱ»Ò»¸öÁ´½Ó×÷ΪĿ±êÈç¹ûêµã°üÀ¨HREF=ÌØÐÔ,ÔòËüÒ²ÊÇÒ»¸öÁ´½Ó¶ÔÏó¡£
¡¡¡¡anchor¶ÔÏóÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,Ëü±¾ÉíûÓÐÊôÐÔ·½·¨»òÕßʼþ´¦Àí³ÌÐò¡£
¡¡¡¡B.2 anchorsÊý×é
¡¡¡¡anchorsÊý×éÊÇdocument¶ÔÏóµÄÒ»¸öÊôÐÔ,ÊÇÎĵµÄÚËùÓÐanchor¶ÔÏóµÄÒ»¸öÁбíÈç¹ûanchorÒ²ÊÇÒ»¸ölink(Á´½Ó),ÔòËü»áͬʱ³öÏÖÔÚanchorsºÍlinksÊý×éÖС£
¡¡¡¡ÊôÐÔ
¡¡¡¡length ÎĵµÄÚµÄêµã¸öÊý
¡¡¡¡B.3 array¶ÔÏó
¡¡¡¡array¶ÔÏóÊÇNetscape Navlgator 3.0 beta 3ÖÐÒýÈëµÄÒ»¸öеĶÔÏó,Òò¶ø,Ëü²»ÄÜÔÚNetscape 2.0ÖÐʹÓÃËüÊÇÒ»¸öÄÚÖöÔÏó,¶ø²»ÊÇÆäËü¶ÔÏóµÄÊôÐÔ¡£
¡¡¡¡ÊôÐÔ
¡¡length Êý×éÖеÄÖµ¸öÊý
¡¡¡¡B.4 button¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏóµÄÒ»¸öÊôÐÔ,ʹÓÃ<INPUT TYPE="BUTTON">±ê¼ÇÀ´´´½¨¡£
¡¡¡¡ÊôÐÔ
¡¡¡¡name HTML±ê¼ÇÖеÄNAME=ÌØÐÔ
¡¡¡¡value HTML±ê¼ÇÖеÄVALUE=ÌØÐÔ
¡¡¡¡·½·¨
¡¡¡¡click Ä£ÄâÊó±êµ¥»÷Ò»°´Å¥
¡¡¡¡Ê¼þ´¦Àí³ÌÐò
¡¡¡¡Onclick
¡¡¡¡B.5 checkbox ¶ÔÏó
¡¡¡¡ËüÊÇform¶ÔÏ ......
¼¸ºõËùÓеĸ» Web Ó¦Óö¼»ùÓÚÒ»¸ö»ò¶à¸ö Web UI ¿â»ò¿ò¼Ü£¬ÕâЩ UI
¿âÓë¿ò¼Ü¼«´óµØ¼ò»¯ÁË¿ª·¢½ø³Ì£¬²¢´øÀ´Ò»Ö£¬¿É¿¿£¬ÒÔ¼°¸ß¶È½»»¥ÐÔµÄÓû§½çÃæ¡£±¾ÎĽéÉÜÁË 15 ¸ö·Ç³£Ç¿´óµÄ JavaScript Web UI
¿â£¬·Ç³£Êʺϸ÷ÖÖ¸÷ÖÖ¹æÄ£µÄ¸» Web Ó¦ÓõĿª·¢¡£
LivePipe
LivePipe
UI
»ùÓÚ Prototype Javascript ¿ò¼Ü
£¬°üº¬ÁË
Ò»ÕûÌ×¾Ñϸñ²âÊÔ²¢¸ß¶È¿ÉÀ©Õ¹µÄ UI ¿Ø¼þ£¬ÓµÓкܺõÄÎĵµ£¬ÔÚ²»Ö§³Ö JavaScript µÄ»·¾³ÖУ¬¿ÉÒÔÎÞ·ì½µ¼¶Ê¹ÓᣰüÀ¨ Tab,
´°Ì壬Îı¾¿ò£¬¶àÑ¡¿ò£¬ÆÀ·Ö¿Ø¼þ£¬½ø¶ÈÌõ£¬¹ö¶¯Ìõ£¬ÓÒ¼ü²Ëµ¥µÈ¶àÖֿؼþ¡£
LivePipe
Ê×Ò³ÓëÏÂÔØ
LivePipe
ÑÝʾÓëʾÀý
UKI
UKI
ÊÇÒ»Ì×¼òµ¥µÄ JavaScript UI ¹¤¾ß¼¯£¬ÓÃÓÚ¿ìËÙ´´½¨×ÀÃæ·ç¸ñµÄ Web Ó¦Óᣰüº¬µÄ¿Ø¼þ´Ó»¬¶¯Ìõ£¬µ½·ÖÀ¸ÊÓͼ£¬²»Ò»¶ø×ã¡£ÊìϤ jQuery
µÄ¿ª·¢Õ߻ᷢÏÖÕâ¸ö¹¤¾ßºÜÈÝÒ×ÉÏÊÖ£¬·Ç³£¼ò½à£¬ÎÞÐè°²×°¿ò¼Ü£¬²»ÒÀÀµ CSS ÒýÓá£
UKI
Ö÷Ò³ÓëÏÂÔØ
UKI
¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
MochaUI
MochaUI
ÊÇ MooTools
Javascript ¿ò¼Ü
Óë ExplorerCanvas µÄÒ»¸ö±¸ÊÜ»¶ÓµÄÀ©Õ¹£¬¿ÉÒÔÓÃÀ´¿ìËÙ´´½¨ Web Ó¦Óã¬Web
×ÀÃæ£¬ÍøÕ¾£¬Êμþ£¬¶ÀÁ¢ Windows£¬Modal ¶Ô»°¿òµÈµÈ¡£
MochaUI
Ö÷Ò³ÓëÏÂÔØ
......
javascript typeofµÄÓ÷¨
¾³£»áÔÚjsÀïÓõ½Êý×é,±ÈÈç ¶à¸öÃû×ÖÏàͬµÄinput, ÈôÊǶ¯Ì¬Éú³ÉµÄ, Ìύʱ¾ÍÐèÒªÅÐ¶ÏÆäÊÇ·ñÊÇÊý×é.
if(document.mylist.length != "undefined" ) {} Õâ¸öÓ÷¨ÓÐÎó.
ÕýÈ·µÄÊÇ if( typeof(document.mylist.length) != "undefined" ) {}
»ò if( !isNaN(document.mylist.length) ) {}
typeofµÄÔËËãÊý䶨Òå,·µ»ØµÄ¾ÍÊÇ "undefined".
ÔËËãÊýΪÊý×Ö typeof(x) = "number"
×Ö·û´® typeof(x) = "string"
²¼¶ûÖµ typeof(x) = "boolean"
¶ÔÏó,Êý×éºÍnull typeof(x) = "object"
º¯Êý typeof(x) = "function"
typeof ÔËËã·û·µ»ØÒ»¸öÓÃÀ´±íʾ±í´ïʽµÄÊý¾ÝÀàÐ͵Ä×Ö·û´®¡£
¿ÉÄܵÄ×Ö·û´®ÓУº"number"¡¢"string"¡¢"boolean"¡¢"object"¡¢"function" ºÍ "undefined"¡£
È磺
alert(typeof (123));//typeof(123)·µ»Ø"number"
alert(typeof ("123"));//typeof("123")·µ»Ø"string"
typeof ÔËËã·û
·µ»ØÒ»¸öÓÃÀ´±íʾ±í´ïʽµÄÊý¾ÝÀàÐ͵Ä×Ö·û´®¡£
typeof[()expression[]] ;
expression ²ÎÊýÊÇÐèÒª²éÕÒÀàÐÍÐÅÏ¢µÄÈÎÒâ±í´ïʽ¡£
˵Ã÷
typeof ÔËËã·û°ÑÀàÐÍÐÅÏ¢µ±×÷×Ö·û´®·µ»Ø¡£typeof ·µ»ØÖµÓÐÁùÖÖ¿ÉÄÜ£º "number," "string," "boolean," "object," "funct ......
1¡¡¾Ö²¿´òÓ¡·½·¨£º
×÷Ó㺽«idΪdayinµÄÄÚÈÝ£¬Ð½¨Ò³Ãæ²¢´òÓ¡£¬¿É½â¾ö´òÓ¡Ä³Ò³ÃæÖеIJ¿·ÖÄÚÈݵÄÎÊÌâ¡£
ʹÓ÷½·¨£º½«Òª´òÓ¡µÄÄÚÈÝͨ¹ý <span id="dayin"></span>°üº¬ÆðÀ´£¬È»ºóÔÚij¸ö°´Å¤Öж¨Òå
ʼþ
<input type="button" onclick="dayin()" value="´òÓ¡">
function dayin()
{
var code="<body onload=window.print()>"
code+=document.all.dayin.innerHTML;
code=code.toUpperCase();
code=code.replace(/<A[^>]*>ɾ³ý<\/A>/gi, "");
code=code.toLowerCase();
var newwin=window.open('','','');
newwin.opener = null;
newwin.document.write(code);
newwin.document.close();
}
ÆäÖÐcode=code.replace(/<A[^>]*>ɾ³ý<\/A>/gi, "");
2¡¡ÀûÓÃCSSʵÏÖ¾Ö²¿´òÓ¡
½éÉÜÁ½¸ö¹Ø¼üµÄCSS
<style media="print">
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
  ......