2013-03-03 94 views
-1

我想擺脫從我的小部件使用jQuery,遇到麻煩發現如何更換加載()。加載()沒有jQuery?

我如何在原生JavaScript中做到這一點?

  $('#IframeABC').load(function() { 
       var animator = new Animator('sWrapper'); 
       animator.animate(); 

       css('sWrap', 'display', 'block'); 


      }); 
+0

動畫()也使用jQuery API,不僅僅是加載() – Swordfish0321 2013-03-03 15:42:21

+2

@ Swordfish0321:這顯然是'Animator'的一種方法。 – Ryan 2013-03-03 16:09:41

+0

ahhhhhhhhhhhhh。 – Swordfish0321 2013-03-03 22:25:48

回答

3

這是... onload

document.getElementById('IframeABC').onload = function() { 

或者,更現代想想,load事件(不兼容;)):

document.getElementById('IframeABC').addEventListener('load', function() { 
+0

甜,謝謝!將盡快接受我:) – Alosyius 2013-03-03 15:42:59

+0

我不認爲更現代的是「不兼容」,只要你有一個包裝函數,使用addEventListener' /'attachEvent',一個不想使用jQuery通常有這是一個功能。 – 2013-03-03 16:04:02

+0

@FabrícioMatté:不知道......我通常不關心兼容性時不使用jQuery。這是一種很好的感覺。 :D – Ryan 2013-03-03 16:09:21

1

等效是:

var element = document.getElementById('IframeABC'); 
var handler = function() { 
    // Handler in no jQuery obviously 
} 
if (element.addEventListener) { 
    element.addEventListener('load', handler, false); 
} else if (element.attachEvent) { 
    element.attachEvent('onload', handler); 
} else { 
    element.onload = handler; 
}