2013-10-05 12 views
7

Anlamaya çalışıyorum nasıl bu açıklamaya dayalı 'onLoad' in JSFiddle 'sarar' kod: [1]: http://doc.jsfiddle.net/basic/introduction.html#javascript. İşlevleri yüklemek için HTML'nin BODY etiketinde kullanılanYüklemeyi gördüm. JSF (perde arkası), her aramayı ve JS penceresini oluşturduğum her işlevi sarstı mı? AKA: Bir armatür söz eğer şimdiden özür dilerizJSFiddle onLoad içinde sarın mı?

$(document).ready(function(){ 
    myfunc1{(...)} 
    myfunc1{(...)} 
    ... 

:

onLoad = "myfunc1(),myfunc2,alert(1);" 

Ben bir çerçeve olarak jQuery seçtiğinizde, bu biçimi kullanarak kaçınmalıdır sonra Eğer öyleyse. Eğer <head> yılında <script> etiketi incelemek durumunda bu görebilirsiniz

cevap

10

Onlar etrafına sarılmış onLoad olay kodu ile <script> etiketleri içerideki bütün JS koydu.

<script type="text/javascript"> 
    //<![CDATA[ 
     window.onload=function(){ /* your js here */ } 
    //]]> 
</script> 

I:

<script type="text/javascript"> 
    //<![CDATA[ 
     $(window).load(function(){ /* your js here */ }); 
    //]]> 
</script> 

Kullandıkları sonra kütüphane yoksa: jQuery ve onLoad eklemeyi tercih Örneğin

, o zaman bu jsfiddle kullanacak budur Ayrıca, neleri dahil etmeyi seçtiğinize bağlı olarak diğer kitaplığa özgü load olaylarını da kullandıklarını varsayalım.

Kodunuzu bir kemanda çalıştırırken $(document).ready(function(){ });'u kullanmanız gerekmez.

Not: CDATA Bu yanıt bir göz atın ne olduğunu iyi açıklama için - Eğer kaynak kodu biçimlendirme arıyorsanız https://stackoverflow.com/a/7092306/2287470

4

O kodunuzu çalıştırmak için yeni bir iframe yapar. yüklenmesinden için

, onlar sadece

window.onload = function() { 
    // your code here 
}; 

tüm kodu koymak sağ alt iframe. $(document).ready(... kullanarak ancak jsFiddle içinde onLoad seçeneğini etkinleştirdiğinizde bu tür faydasız yanlış


şey yok.

İlgili konular