加速IE的Javascript的方法

來源:互聯網
上載者:User

將下列代碼加在JavaScript的最前面
/*@cc_on _d=document;eval(’var document=_d’)@*/

加入這樣的一行代碼IE的document的訪問速度至少可以提高5倍以上
下面是加入前和加入後的測試比較代碼
// Before
var date = new Date;
for (var i = 0; i < 100000; i++) document;
alert(new Date - date); // 643

/*@cc_on _d=document;eval(’var document=_d’)@*/

// After
date = new Date;
for (var i = 0; i < 100000; i++) document;
alert(new Date - date); // 145

速度提高了不少吧!

解說:
首先,IE裡document就這樣直接被調用的話被執行的是window 對象的內建函式,而這個比較低效的。根據這一點,下面的處理可以提高速度:
var doc = document;

document; // 慢
doc; // 這個比上面的(document)快

雖然像上面那麼寫可以直接使用,但是之前用到document的地方都要去替換,這個有點麻煩了點吧。所以,看下面的:
var doc = document;
var document = doc;
可以實現的話那就太好了……

瞭解JavaScript的人應該知道,JavaScript的變數是在最開始的時候就產生的,所以這裡的document就變成了undefined了。
沒關係,繼續改進~
var doc = document;
eval(’var document = doc’);

eval的作用就是在範圍範圍內改變變數,這樣的話,後面的document就可以被正常使用了。
最後,加上只有在IE內有效條件,就像下面這樣就可以了~
/*@cc_on
var doc = document;
eval(’var document = doc’);
@*/

舉一反三,像下面這樣的寫法,document以外的全域變數也可以用上面的方法,起到加速的作用。
/*@cc_on
eval((function(props) {
var code = [];
for (var i = 0 l = props.length;i<l;i++){
var prop = props[i];
window[’_'+prop]=window[prop];
code.push(prop+’=_’+prop)
}
return ‘var ‘+code.join(’,');
})(’document self top parent alert setInterval clearInterval
setTimeout clearTimeout’.split(’ ‘)));
@*/

轉載:http://purpen.javaeye.com/?page=8&show_full=true

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.