2013-05-25 19 views
6

jQuery'yi kullanırsanız, $(document).load(function(){}); kullanabilirsiniz, böylece tüm sayfa yüklendikten sonra işleve yazdığınız tüm kodlar çalıştırılır, ancak benzer bir şey yapmanın bir yolu vardır jQuery kullanmıyor ve sadece JS kullanıyor musunuz? Örneğin jQuery kullanmadan sayfa yükünü çalıştırın JQuery

...

<html> 
    <head> 
     <script type="text/javascript"> 
      var box = document.getElementById('box'); 
      alert(box); 
     </script> 
    </head> 
    <body> 
     <div id="box" style="width:200px; height:200px; background-color:#999; 
margin:20px;"></div> 
    </body> 
</html> 

bu yöntemi kullanırsanız uyarı sadece null söylüyor. Yani, sayfa yüklendikten sonra js kodunu çalıştırmanın bir yolu var mı?

+0

Aslında, jQuery kullanırken, lütfen ** kullanmayın ** $ (document) .load (function() {...}); – adeneo

+0

Bu soruya ihtiyacınız olabilecek bir cevaba sahip olabilirsiniz. /stackoverflow.com/questions/799981...](http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery) – Tifa

cevap

13

kullandığım:

<script type="text/javascript"> 
    window.onload = function(){ 
     //do stuff here 
    }; 
</script> 

Bu şekilde size html herhangi Onload etiketleri kullanmak gerekmez.

+0

Seni seviyorum, bana izin verdiğinde 1 cevap geliyor. – user1563944

8

kolay yolu basitçe tipik sadece kapanış vücut etiketinden önce, dokümanın sonunda Senaryonu koymaktır:

<html> 
<head> 

</head> 
<body> 
<div id="box" style="width:200px; height:200px; background-color:#999; margin:20px;"></div> 
<script type="text/javascript"> 
    var box = document.getElementById('box'); 
    alert(box); 
</script> 
</body> 

</html> 
+0

öyleyse js etiketlerini bulmak için js'yi edinin. kafa etiketi içinde değil, vücut bölümünde gitmek için? – user1563944

+0

@ user1563944 - daha spesifik olarak, javascript, erişmeye çalıştığınız öğeden sonra gelmelidir, aksi halde javascript yürütüldüğünde öğe yoktur. – adeneo

2

Vücudun etiketinde onload kullanabilirsiniz.

<head> 
    <script type="text/javascript"> 
     function doSomething() { 
     //your code here 
     } 
    </script> 
</head> 
<body onload="doSomething()"> 
+0

neden aşağı oy? – Robbert

4

Bunu yapmak için çeşitli yöntemler kullanabilirsiniz.

en basit, en kolay yöntem ile kolayca vücut etiketinin sonunda komut dosyası etiketi eklemek olacaktır:

window.onload = function() { 
    // Do stuff here 
} 

I:

<html> 
<head> 
    <title> Example </title> 
</head> 
<body> 
    <div> 
     <p>Hello</p> 
    </div> 
    <script type="text/javascript"> 
     // Do stuff here 
    </script> 
</body> 
</html> 

jQuery yapar yolu benzer bir şey olduğunu genellikle sadece durumda, bunu ikinci şekilde yapın. Çapraz tarayıcı uyumluluğunu sağlamak için jQuery kaynağını taramak ve ne kullandığını bulmak için kullanın.