欢乐颂小说结局,殿上欢,欢乐颂第二季

最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

談JavaScript中的移除空事件處理程序

每當將事件處理程序指定給元素時，運行中的瀏覽器代碼與支持頁面交互的JavaScript代碼之間就會建立一個連接。這種鏈接越多，頁面執(zhí)行起來就越慢。所前所述，可以采用事件委托技術(shù)，限制建立的連接數(shù)量。另外，在不需要的時代移除事件處理程序，也是解決這個問題的一種方案。內(nèi)存中留有那些過時不用的“空事件處理程序”，也是造成Web應(yīng)用程序內(nèi)存與性能問題的主要原因。

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)|網(wǎng)站維護公司|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗，為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù)，案例作品覆蓋餐廳設(shè)計等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身策劃品質(zhì)網(wǎng)站。

在兩種情況下，可能會造成上述問題，第一種情況就是從文檔中移除帶有事件處理程序的元素時，這可能是通過純粹的DOM操作，例如使用removeChild()和replaceChild()方法，但更多地是發(fā)生在使用innerHTML替換頁面中某一部分的時候。如果帶有事件處理程序的元素被innerHTML刪除了，那么原來添加到元素中的事件處理程序極有可能被當作垃圾回收。來看下面的例子：

var btn=document.getElementById("myBtn");

btn.onclick=function(){

document.getElementById("myDiv").innerHTML="Processing…";

}

這里，有一個按鈕被包含在

元素中，為避免雙擊，單擊這個按鈕時就將按鈕移除并替換成一條消息；這是網(wǎng)站設(shè)計中非常流行的一種做法。但問題在于，當按鈕被從頁面中移除時，它還帶著一個事件處理程序呢，在

元素中設(shè)置innerHTML可以把按鈕移走，但事件處理各種仍然與按鈕保持著引用聯(lián)系。有的瀏覽器（尤其是IE）在這種情況下不會作出恰當?shù)奶幚?，它們很有可能會將對元素和事件處理程序的引用都保存在?nèi)存中。如果你想知道某個元即將被移除，那么最好手工移除事件處理程序。如下面的例子所示：

var btn=document.getElementById("myBtn");

btn.onclick=function(){

btn.onclick=null;

document.getElementById("myDiv").innerHTML="Processing…";

}

在此，我們設(shè)置

的innerHTML屬性之前，先移除了按鈕的事件處理程序。這樣就確保了內(nèi)存可以被再次利用，而從DOM中移除按鈕也做到了干凈利索。

注：采用事件委托也有解決這個問題。如果事先知道將來有可能使用innerHTML替換掉頁面中的某一部分，那么就可以不直接把事件處理程序添加到該部分的元素中，而通過把事件處理程序指定給最好層次的元素，同樣能夠處理該區(qū)域中的事件。

導(dǎo)致“空事件處理程序”的另一情況，就是卸載頁面中的時候。毫不奇怪，IE在這種情況下依然是問題最多的瀏覽器，盡管其他瀏覽器或多或少也有類似的問題。如果在頁面被卸載之前沒有清理干凈事件處理程序。那它們就會滯留在內(nèi)存中。每次加載完頁面再卸載頁面時（可能是在兩個頁面間來加切換，也可以是單擊了“刷新”按鈕），內(nèi)存中滯留的對象數(shù)目就會增加，因為事件處理程序占用的內(nèi)存并沒有被釋放。

一般來說，最好的做法是在頁面卸載之前，先通過onunload事件處理程序移除所有事件處理程序。在此，事件委托技術(shù)再次表現(xiàn)出它的優(yōu)勢——需要跟蹤的事件程序越少，移除它們就越容易，對這種類似的操作，我們可把它想象成：只要是通過onload事件處理程序添加的東西，最后都要通過onunload事件處理程序?qū)⑺鼈円瞥?/p>

注：不要忘了，使用onunload事件處理程序意味著頁面不會被緩存在bfcachek中，如果你在意這個問題，那么就只能在IE中通過onunload來移除事件處理程序了。

本文地址：http://www.yiiyaa.net/1361

【編輯推薦】

JavaScript重構(gòu) 模塊劃分和命名空間
Javascript閉包(closure) 深入淺出
論Javascript的類繼承
學習Javascript閉包（Closure）
Javascript中閉包的作用域鏈

分享標題：談JavaScript中的移除空事件處理程序
本文鏈接：http://fisionsoft.com.cn/article/cdieese.html

新聞中心

其他資訊