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

[·­Òë]High Performance JavaScript(010)

Cloning Nodes  ½Úµã¿Ë¡
    Another way of updating page contents using DOM methods is to clone existing DOM elements instead of creating new ones—in other words, using element.cloneNode() (where element is an existing node) instead of document.createElement().
    ʹÓÃDOM·½·¨¸üÐÂÒ³ÃæÄÚÈݵÄÁíÒ»¸ö;¾¶ÊÇ¿Ë¡ÒÑÓÐDOMÔªËØ£¬¶ø²»ÊÇ´´½¨Ðµė—¼´Ê¹ÓÃelement.cloneNode()£¨elementÊÇÒ»¸öÒÑ´æÔڵĽڵ㣩´úÌædocument.createElement();
    Cloning nodes is more efficient in most browsers, but not by a big margin. Regenerating the table from the previous example by creating the repeating elements only once and then copying them results in slightly faster execution times:
    ÔÚ´ó¶àÊýä¯ÀÀÆ÷ÉÏ£¬¿Ë¡½Úµã¸üÓÐЧÂÊ£¬µ«Ìá¸ß²»Ì«¶à¡£ÓÿË¡½ÚµãµÄ°ì·¨ÖØÐÂÉú³ÉÇ°ÃæÀý×ÓÖÐµÄ±í£¬µ¥ÔªÖ»´´½¨Ò»´Î£¬È»ºóÖظ´Ö´Ðи´ÖƲÙ×÷£¬ÕâÑù×öÖ»ÊÇÉÔ΢¿ìÁËÒ»µã£º
• 2% in IE8, but no change in IE6 and IE7
 ÔÚIE8Öпì2%£¬µ«ÔÚIE6ºÍIE7ÖÐÎޱ仯
• Up to 5.5% in Firefox 3.5 and Safari 4
 ÔÚFirefox 3.5ºÍSafari 4ÖпìÁË5.5%
• 6% in Opera (but no savings in Opera 10)
 ÔÚOperaÖпìÁË6%£¨µ«ÊÇÔÚOpera 10ÖÐÎޱ仯£©
• 10% in Chrome 2 and 3% in Chrome 3
ÔÚChrome 2ÖпìÁË10%£¬ÔÚChrome 3ÖпìÁË3%
    As an illustration, here's a partial code listing for generating the table using element.cloneNode():
    Ò»¸öʾÀý£¬ÕâÀïÊÇʹÓÃelement.cloneNode()´´½¨±íµÄ²¿·Ö´úÂ룺
function tableClonedDOM() {
  var i, table, thead, tbody, tr, th, td, a, ul, li,
  oth = document.createElement('th'),
  otd = document.createElement('td'),
  otr = document.createElement('tr'),
  oa = document.createElement('a'),
  oli = document.createElement('li'),
  oul = document.createElement('ul');
  tbody = document.createElement('tbody');
  for (i = 1; i <= 1000; i++) {
    tr = otr.cloneNode(false);
    td = otd.cloneNode(false);
&nb


Ïà¹ØÎĵµ£º

javascriptÈëÃÅ»ù´¡ÖªÊ¶

javascriptÈëÃÅ»ù´¡ÖªÊ¶
ÎÄÕÂÔ´ÓÚ²©¿Í£ºhttp://www.cnblogs.com/seesky/articles/1433526.html
ÔÚÍøÕ¾ÖÆ×÷µÄ¹ý³ÌÖо­³£ÐèÒªÓõ½JavaScriptÓï¾ä£¬ÕÆÎÕһЩÏà¹ØµÄJavaScript½á¹¹¶ÔÍøÕ¾ÖÆ×÷ÓÐ×ÅÖصÄÖØÓã¡
1.document.write(""); Êä³öÓï¾ä
2.JSÖеÄ×¢ÊÍΪ//
3.´«Í³µÄHTMLÎĵµË³ÐòÊÇ:document->html->(head,body)
......

JavascriptÃæÏò¶ÔÏó±à³Ì£¨Èý£©£º·Çº¯Êý¶ÔÏóµÄ¼Ì³Ð


×òÌ죬ÎÒ±¾À´´òË㣬°ÑÕâ¸ö»°Ìâ½áÊøÁË¡£
µ«ÊÇ£¬Ð´µ½Ò»°ëµÄʱºò£¬ÎÒͻȻÒâʶµ½£¬JavascriptµÄ¼Ì³ÐÓÐÁ½ÖÖ¡£Ò»ÖÖÊÇ»ùÓÚ"º¯Êý¶ÔÏó"µÄ¼Ì³Ð£¬Ò²¾ÍÊÇÒ»¸öfunctionÈ¥¼Ì³ÐÁíÍâÒ»¸öfunction£¬Õâ¸öÎÒÒѾ­ÔÚ×òÌì½éÉܹýÁË¡£
ÁíÒ»ÖÖÔòÊÇ»ùÓÚ"·Çº¯Êý¶ÔÏó"µÄ¼Ì³Ð£¬²»Éæ¼°function¡£ËüµÄ×ö·¨ÓëÇ°Ò»ÖÖÇé¿öÍêÈ«²»Í¬¡£
Ò»¡¢Ê²Ã´ÊÇ"·Çº¯Êý¶ÔÏ ......

firefoxÓëIE¶ÔjavascriptºÍCSSµÄÇø±ð

1. document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿É ......

[¶ÁÊé±Ê¼Ç][JavaScript¸ß¼¶³ÌÐòÉè¼Æ]

µÚ¶þÕ£ºECMAScript»ù´¡
1.µ±º¯ÊýÎÞÃ÷È··µ»Øֵʱ£¬·µ»ØµÄÒ²ÊÇÖµundefined
  function testFunc(){}
  alert(testFunc()==undefined);
2.typeof(null)=='object' //true,null¿ÉÒÔ½âÊÍΪ¶ÔÏóռλ·û
3.undefined ÊÇÉùÃ÷Á˱äÁ¿µ«Î´¶ÔÆä³õʼ»¯Ê±¸³Óè¸Ã±äÁ¿µÄÖµ£¬nullÔòÓÃÓÚ±íʾÉÐδ´æÔڵĶÔÏó¡£
  alert(nu ......

JavascriptÏÝÚå¡£¡£¡£¡£¡£¡£¡£

1.¸¡µãÔËËã
Õâ¿ÉÄÜÊÇ´ì°ÜһЩ¶Ôjavascript²»ÊìϤ²¢×¼±¸Ö´ÐÐһЩÊýѧÔËËãµÄÈ˵ÄÖ÷ÒªÔ­
Òò.
<script>  
alert(0.02 / 0.1);  //0.19999999999999998 
  
alert(1.14 * 100);  //113.99999999999999    ;)
  
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ