一、垃圾回收的必要性

下面这段话引自《JavaScript权威指南（第四版）》

　　由于字符串、对象和数组没有固定大小，所有当他们的大小已知时，才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript的解释器将会消耗完系统中所有可用的内存，造成系统崩溃。

这段话解释了为什么需要系统需要垃圾回收，JS不像C/C++，他有自己的一套垃圾回收机制（Garbage Collection）。JavaScript的解释器可以检测到何时程序不再使用一个对象了，当他确定了一个对象是无用的时候，他就知道不再需要这个对象，可以把它所占用的内存释放掉了。例如： Continue reading →

原图片是 ：<img src=”http://gg.blueidea.com/2008/blueidea/flash2008.gif”>

<div id=”box”></div>

<script language=”javascript”>
(function(){
var img=document.createElement(‘img’);//创建一个img元素
img.src=”http://gg.blueidea.com/2008/blueidea/flash2008.gif”;//指定src
img.style.position=”absolute”;//防止正常的内容变形
img.style.visibility=’hidden’;//藏起来
var inj=document.getElementById(‘box’).appendChild(img);//插入到box中。当然插入到document.body也可以
alert(‘宽：’+inj.offsetWidth);//然后就可以通过 offset 取得宽和高了
alert(‘高：’+inj.offsetHeight);
})();
</script>

简单地说就是把图片放入一个自动伸缩的DIV中，然后获取DIV的宽和高！

一个内存释放的实例

CollectGarbage, 是IE的一个特有属性,用于释放内存的使用方法嘛应该是,将该变量或引用对象,设置为null或delete然后在进行释放动作
在 做CollectGarbage前,要必需清楚的两个必备条件:

function cleanAndPaste(html) …{
// Remove all SPAN tags
html = html.replace(/</?SPAN[^>]*>/gi, “” );
// Remove Class attributes
html = html.replace(/<(w[^>]*) class=([^ |>]*)([^>]*)/gi, “<$1$3″) ;
// Remove Style attributes
html = html.replace(/<(w[^>]*) style=”([^”]*)”([^>]*)/gi, “<$1$3”) ;
// Remove Lang attributes
html = html.replace(/<(w[^>]*) lang=([^ |>]*)([^>]*)/gi, “<$1$3”) ;
// Remove XML elements and declarations
html = html.replace(/<\??xml[^>]*>/gi, “”) ;
// Remove Tags with XML namespace declarations: <o:p></o:p>
html = html.replace(/</?w+:[^>]*>/gi, “”) ;
// Replace the &nbsp;
html = html.replace(/&nbsp;/, ” ” );
// Transform <P> to <DIV>
var re = new RegExp(“(<P)([^>]*>.*?)(</P>)”,”gi”) ; // Different because of a IE 5.0 error
html = html.replace( re, “<div$2</div>” ) ;

return html;
}

<script language=”javascript”>
document.onclick = function(e){
 e = e || window.event;
 var target = e.srcElement || e.target;
 if(target.tagName.toLowerCase()!=’a’){ 
  document.getElementById(‘more_list’).style.display = ‘none’;
 }
}
</script>

适应的浏览器版本不同，同时在使用的过程中要注意
attachEvent方法          按钮onclick
addEventListener方法    按钮click

有关addEventListener函数的相关参数请点击这里查看

两者使用的原理：可对执行的优先级不一样，下面实例讲解如下：
attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

addEventListener方法 用于 Mozilla系列

举例: document.getElementById(“btn”).onclick = method1;
document.getElementById(“btn”).onclick = method2;
document.getElementById(“btn”).onclick = method3;如果这样写,那么将会只有medhot3被执行

写成这样：
var btn1Obj = document.getElementById(“btn1”); //object.attachEvent(event,function);
btn1Obj.attachEvent(“onclick”,method1);
btn1Obj.attachEvent(“onclick”,method2);
btn1Obj.attachEvent(“onclick”,method3);执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener var btn1Obj = document.getElementById(“btn1”);
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener(“click”,method1,false);
btn1Obj.addEventListener(“click”,method2,false);
btn1Obj.addEventListener(“click”,method3,false);执行顺序为method1->method2->method3

使用实例：

1。 var el = EDITFORM_DOCUMENT.body;
//先取得对象，EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
el.addEventListener(‘click’, KindDisableMenu, false);
} else if (el.attachEvent){
el.attachEvent(‘onclick’, KindDisableMenu);
}2。 if (window.addEventListener) {
window.addEventListener(‘load’, _uCO, false);
} else if (window.attachEvent) {
window.attachEvent(‘onload’, _uCO);
}

用js检测图片合法性

<script type=”text/javascript”>
function validate() {
var OK = new Array (‘jpg’, ‘gif’, ‘jpeg’, ‘png’, ‘jpe’, ‘bmp’, ‘tif’);
var filename = document.getElementById(“ELEMENT_ID”).value;
var ext = getExt(filename);
var fileOK = 0;

for (i = 0; i < OK.length; i++) {
if (OK[i] == ext) {
fileOK = 1; // one of the file extensions found
}
}

if (fileOK == 0) {
alert (“The file is not an image file”);
return false;
}
}

function getExt(filename) {
var dot_pos = filename.lastIndexOf(“.”);
if(dot_pos == -1)
return “”;
return filename.substr(dot_pos+1).toLowerCase();
}
</script>
<form action=”ACTION” onsubmit=”return validate()” enctype=”multipart/form-data” method=”post”>
<table class=”forms”>
<tr>
<th><label>Image</label></th>
<td><input id=”ELEMENT_ID” name=”poster[image]” size=”30″ type=”file” />
<input id=”event_poster_image_temp” name=”poster[image_temp]”
type=”hidden” value=”” />
</td>
</tr>
<tr>

<th class=”last”></th>
<td class=”last”>
<input class=”button” name=”commit” type=”submit” value=”Upload image” />
</td>
</tr>
</table>
</form>