Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

javascript °ü¹ü½Úµã

Ä£·ÂjQuey£¬´´½¨¼¸¸ö°ü¹ü½ÚµãµÄ·½·¨£¬·¢ÏÖjQueryµÄ·½·¨ºÜµÍЧ°¡£¬ÏÂÒ»´ÎËûÓÖ¿ÉÒÔ˵Õ⼸¸ö·½·¨¿ÉÒÔÌáÉýÁ˶àÉÙ¶àÉÙÁË¡£Ô­Àí»ù±¾ÊÇÕâÑù£¬Èç¹û´«ÈëµÄÊÇ×Ö·û´®£¬ÄÇôÈÃËüÃDZä³ÉÒ»¸öÔªËØ½Úµã£¬²»¹ýÕâÔªËØ½ÚµãÒ²¿ÉÒÔÓÐÐí¶à²ã£¬ÔÚ×îÄÚ²ã°ÑÒª°ü¹üµÄÔªËØ·Å½ø¡£°Ñ×Ö·û´®±ä³ÉÔªËØ½ÚµãµÄ·½·¨ÓÐÈçϼ¸¸ö¡£1£¬createElement£¬IE¿ÉÒÔÁ¬ÔªËØÊôÐÔÒ²Ò»Æð´´½¨£¬µ«Ö»ÄÜ´´½¨Ò»²ã¡£2£¬innerHTML£¬²»¹ýÐèÒª¶ÔÔ­À´µÄ×Ö·û´®½øÐд¦Àí£¬IEÓëFF¶¼ÓÐÐí¶àÒâÏë²»µ½µÄĬÈÏÐÐΪ£¬¿ÉÒÔΪÄã¶à¼ÓÒ»µã¶«Î÷»òÉÙ¼ÓÒ»µã¶«Î÷¡£3£¬createContextualFragment£¬ÓÉÓÚOperaµÄÐÐΪÓеã¹ÖÒ죬ÐèҪѡÖÐÐÞ¸ÄÔªËØµÄλÖ᣾­ÈÕ±¾È˵IJâÊÔ£¬Ëüת»»×Ö·û´®³É½ÚµãµÄЧÂʱÈinnerHTML¸ß¶àÁË£¬Ò²°²È«¶àÁË£¬ÕæÊÇÇ¿ÕßÓúÇ¿£¬ÈõÕßÓúÈõ¡£Èç¹ûÊÇ´«ÈëÔªËØ½Úµã£¬ÐèÒª¿Ë¡һÏ£¬Òª²»¶¼±ä³ÉwrapAll¡£Èç¹ûÊǺ¯Êý£¬°Ñµ±Ç°ÔªËØ´«½øÈ¥£¬ÀûÓÃËüµÄijЩÊôÐÔ´´½¨Ò»¸ö°ü¹üÔªËØ¡£
×î³õµÄʵÑ鯷£¨ÕâÀïµÄwrapOuterÏ൱ÓÚjQueryµÄwrap£©£º
var parseHTML = function(str) {
if(document.createRange){
var range = document.createRange()
range.setStartAfter(document.body)
return range.createContextualFragment(str)
}else{
return document.createElement(str)
}
}
var wrapOuter = function(target,html){
var wrap = parseHTML(html) ;
target.parentNode.insertBefore(wrap,target);
target.previousSibling.appendChild(target)
}

<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<style type="text/css">
.wrapper {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
background-color:#dfe8f6;
border: 1px solid magenta;
}
.inner{
margin:1em;
height:20px;
background:#a9ea00
}
.border{
border:2px solid red;
}
</style>
<title>°ü¹ü½Úµã by ˾ͽÕýÃÀ</title>
<script type="text/javascript">
window.onload = func


Ïà¹ØÎĵµ£º

JavaScript½Ì³Ì ´ÓÈëÃŵ½¾«Í¨ [1]

JavaScript½Ì³ÌÓïÑԸſö
Internetʱ´ú£¬Ôì¾ÍÁËÎÒÃÇÐµĹ¤×÷ºÍÉú»î·½Ê½£¬Æä»¥ÁªÐÔ¡¢¿ª·ÅÐԺ͹²ÏíÐÅÏ¢µÄģʽ£¬´òÆÆÁË´«Í³ÐÅÏ¢
´«²¥·½Ê½µÄÖØÖØ±ÚÀÝ£¬ÎªÎÒÃÇ´øÀ´ÁËеĻúÓö¡£Ëæ×żÆËã»úºÍÐÅϢʱ´úµÄµ½À´£¬ÈËÀàÉç»áǰ½øµÄ½Å²½ÔÚÖ𽥼ӿ죬ÿһÌì¶¼ÓÐеÄÊÂÇé·¢Éú£¬Ã¿Ò»Ìì¶¼ÔÚ´´Ôì×ÅÆæ
¼£¡£Ëæ×ÅInternet¼¼ÊõµÄÍ»·ÉÃͽø£¬¸÷Ðи÷ ......

»ùÓÚ¶ÔÏóµÄJavaScriptÓïÑÔ [4]

JavaScriptÓïÑÔÊÇ»ùÓÚ¶ÔÏóµÄ£¨Object-Based£©£¬¶ø²»ÊÇÃæÏò¶ÔÏóµÄ£¨object-
oriented£©¡£Ö®ËùÒÔ˵ËüÊÇÒ»ÃÅ»ùÓÚ¶ÔÏóµÄÓïÑÔ£¬Ö÷ÒªÊÇÒòΪËüûÓÐÌṩÏó³éÏ󡢼̳С¢ÖØÔصÈÓйØÃæÏò¶ÔÏóÓïÑÔµÄÐí¶à¹¦ÄÜ¡£¶øÊÇ°ÑÆäËüÓïÑÔËù´´½¨µÄ¸´
ÔÓ¶ÔÏóͳһÆðÀ´£¬´Ó¶øÐγÉÒ»¸ö·Ç³£Ç¿´óµÄ¶ÔÏóϵͳ¡£
¡¡¡¡¡¡¡¡ËäÈ»JavaScriptÓïÑÔÊÇÒ»ÃÅ»ùÓÚ¶ÔÏó ......

JavaScript¶ÔÏóϵͳµÄʹÓà [6]

ʹÓÃä¯ÀÀÆ÷µÄÄÚ²¿¶ÔÏóϵͳ,
¿ÉʵÏÖÓëHTMLÎĵµ½øÐн»»¥¡£ËüµÄ×÷ÓÃÊǽ«Ïà¹ØÔªËØ×éÖ¯°ü×°ÆðÀ´£¬Ìṩ¸ø³ÌÐòÉè¼ÆÈËԱʹÓ㬴Ӷø¼õÇá±à³ÌÈ˵ÄÀͶ¯£¬Ìá¸ßÉè¼ÆWebÒ³ÃæµÄÄÜÁ¦¡£
Ò»¡¢
ä¯ÀÀÆ÷¶ÔÏó²ã´Î¼°ÆäÖ÷Òª×÷ÓÃ
¡¡¡¡³ýÁËÇ°ÃæÌáµ½¹ýµÄÎĵµdocument¶ÔÏóÍ⣬Navigatorä¯ÀÀÆ÷Öл¹ÌṩÁË´°¿Ú£¨Window£©¶ÔÏóÒÔ¼°ÀúÊ·£¨History£©ºÍÎ»Ö ......

Javascript ´úÂë×ÅÉ«¹¤¾ß SyntaxHighlighter

1.Ê×ÏÈÏÂÔØSyntaxHighlighter.
2.½âѹµ½SyntaxHighlighterĿ¼ÖÐ.
 
3.½¨Á¢HTMLÎļþ:
 
<pre name="code" class="Ruby">
 ...Ruby´úÂë...
</pre>
 
¿ÉÒÔÓ¦ÓÃÔÚpreºÍtextareaÁ½ÖÖHTML±êÇ©ÄÚ,nameΪcode,classΪҪ×ÅÉ«µÄÓïÑÔ,ÏÖÔÚÖ§³ÖC, C#, CSS, Delphi, Java, JScript, Php, Pyth ......

JavaScript ½âÎö¶ÁÈ¡XMLÎĵµ


JavaScript½âÎö¶ÁÈ¡XMLÎļþ£¬Ö÷Òª¾ÍÊǼÓÔØ²¢½âÎöXMLÎļþ£¬È»ºó¾Í¿ÉÒÔ²âÊÔ½âÎöµÄXMLÎļþµÄÄÚÈÝ£¬´òÓ¡Êä³öÀ´¡£
±àдÁËÒ»¸öJavaScriptµÄÀàÀ´ÊµÏÖ¶Áȡһ¸öXMLÎļþÖеÄÊý¾Ý£¬ÊµÏÖ´úÂëÈçÏÂËùʾ£º
<mce:script type="text/javascript"><!--

/**
* @author Shirdrn
*/
function XMLDoc(){}; // ¶¨ÒåÒ»¸öXM ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ