JavaScript中變量的相互引用

更新時間：2010年05月10日 11:41:48 作者：

變量相互引用的原因是：由于某些類型的變量是按地址存儲的而導(dǎo)致的兩個或多的參數(shù)的值互相影響.

測試如下：

關(guān)于對節(jié)點對象操作產(chǎn)生的影響：

由于是函數(shù)是按值傳遞，所以在插入節(jié)點時，引用的是節(jié)點本身，而不是它的一個克隆，所以節(jié)點被轉(zhuǎn)移了

如：

最后一個是關(guān)于節(jié)點的移除的，本來以為用innerHTML=""來移除元素內(nèi)容的話，在IE中會把創(chuàng)建的節(jié)點從內(nèi)存中徹底消除，事實并非如此，而是產(chǎn)生了很奇怪的現(xiàn)象：

如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標(biāo)題文檔</title> <style type="text/css"> body{ font-family:"微軟雅黑","Times New Roman", Times, serif; font-size:12px;} .c2{ border:1px solid #ccc; width:500px; height:150px;} .c1{ border:2px solid #000; width:300px; height:100px;} .c3{ border:1px solid #ccc; width:100px; height:50px;} </style> </head> <body> <p>來回重復(fù)點擊add_div和inner試試，會發(fā)現(xiàn)奇怪的現(xiàn)象。點擊alert，又會發(fā)現(xiàn)創(chuàng)建的div沒從內(nèi)存清除。用removeChild方法會很正常的表現(xiàn)</p> <div   class="altqszq"   id="div2" class="c2"></div> <input type="button" value="add_div" /> <input type="button" value="inner" /> <input type="button" value="remove" /> <input type="button" value="alert" /> <script type="text/javascript"> if(!+"\v1"){}else alert("請在IE下測試"); var elem=document.createElement("div"); elem.className="c1"; elem.innerHTML="creatediv c1"; var elem2=document.createElement("div"); elem2.className="c3"; elem2.innerHTML="creatediv c3"; elem.appendChild(elem2); var div2=document.getElementById("div2"); var inputs=document.getElementsByTagName("input"); inputs[0].onclick=function(){div2.appendChild(elem);}; inputs[1].onclick=function(){div2.innerHTML=""}; inputs[2].onclick=function(){div2.removeChild(elem)}; inputs[3].onclick=function(){alert(elem+elem2)}; </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]