działa funkcja po załadowaniu strony

153

Chcę uruchomić funkcję po wczytaniu strony, ale nie chcę jej używać w tagu body.działa funkcja po załadowaniu strony

Mam skrypt, który jest uruchamiany, jeśli zainicjować go w organizmie -jak to:

function codeAddress() { 
code..... 
} 

<body onLoad="codeAddress()">

Ale chcę go uruchomić bez ciała onLoad="codeAddress()" i ja tryed wiele rzeczy, na przykład w ten sposób:

window.onload = codeAddress;

ale to nie działa?

Jak uruchomić go po załadowaniu strony?

Źródło

2011-01-30 Claes Gustavsson

proszę pisać swój pełny kod. Jak powiedziałem Darinowi (ignorując pozostałe), powinno to zadziałać. Musi wystąpić błąd w innym miejscu, jeśli nie działa. – Skilldrick

wszystkie popularne przeglądarki mogą wyświetlać błędy javascript - czy otrzymasz jakieś? – Christoph

Czy używasz 'window.onload = codeAddress' po zdefiniowaniu' codeAddress() '? Jeśli tak, to powinno działać. Czy na pewno nie ma błędu w innym miejscu? – Skilldrick

253

window.onload = codeAddress; powinno działać - here's a demo oraz pełny kod:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Test</title> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
     <script type="text/javascript"> 
 
     function codeAddress() { 
 
      alert('ok'); 
 
     } 
 
     window.onload = codeAddress; 
 
     </script> 
 
    </head> 
 
    <body> 
 
    
 
    </body> 
 
</html>

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Test</title> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
     <script type="text/javascript"> 
 
     function codeAddress() { 
 
      alert('ok'); 
 
     } 
 
     
 
     </script> 
 
    </head> 
 
    <body onload="codeAddress();"> 
 
    
 
    </body> 
 
</html>

Źródło

2011-01-30 11:23:06

Jak już powiedziałem w mojej odpowiedzi, nie ma nic złego w tym kodzie, jak widziałem - powód, dla którego nie działa, musi być gdzieś błędem w JS. – Skilldrick

jeśli umieścisz akapit z tekstem w treści, nie załaduje się, dopóki nie klikniesz OK. – FluorescentGreen5

Ten globalny moduł obsługi zdarzeń jest dostępny tylko w przeglądarce Chrome. https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload – Devappended

window.onload = function(){codeAddress();};

Źródło

2011-01-30 11:18:21

+10

Jest to odpowiednik 'window.onload = codeAddress' dla wszystkich zamiarów i celów. Jeśli to nie zadziała, nie ma powodu, by tak było. – Skilldrick

Ok. O co ci chodzi? –

Chodzi mi o to, że to strata czasu. Po co dodawać 15 znaków, które nic nie robią? – Skilldrick

Zapoznaj się z domReady script, który umożliwia konfigurację wielu funkcji do wykonania po załadowaniu modelu DOM. Zasadniczo to, co Dom zrobił w wielu popularnych bibliotekach JavaScript, ale jest lekkie i można je pobrać i dodać na początku zewnętrznego skryptu.

Przykład użycia

// add reference to domReady script or place 
// contents of script before here 

function codeAddress() { 

} 

domReady(codeAddress);

Źródło

2011-01-30 11:30:01

Biorąc odpowiedź Darin ale styl jQuery. (Wiem, że użytkownik poprosił o javascript).

running fiddle

$(document).ready (function(){ 
    alert('ok'); 
});

Źródło

2012-11-29 16:32:50

Twoja odpowiedź nauczyła mnie wiele, ale nie o jQuery/javascript. – unicorn2

Witaj Jeść w Joesie, nie działa –

@VijayKumar to jest jQuery, nie natywny Javascript, więc potrzebujesz biblioteki jQuery dołączonej do pracy –

Zamiast używać jQuery lub window.onload, native JavaScript przyjęła kilka świetnych funkcji od czasu wydania jQuery. Wszystkie nowoczesne przeglądarki mają teraz własną funkcję DOM ready bez użycia biblioteki jQuery.

Polecam, jeśli używasz natywnego Javascript.

document.addEventListener('DOMContentLoaded', function() { 
    alert("Ready!"); 
}, false);

Źródło

2014-09-22 22:27:34

(pytanie noob: co robi 'false'?) –

@ ᔕᖺᘎᕊ dla ' właściwości bąblów (których nie musisz uwzględniać, po prostu wypełniam wszystkie booleany dla dobrego nawyku). Istnieje również inna instrukcja boolowska dla właściwości "cancelable", ale nie jest to zbyt przydatne, ponieważ powyższa instrukcja jest już nieodwołalna. Przeczytaj więcej na ten temat tutaj: https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded –

Dzięki - dałem Ci już +1 :) –

window.onload = function() { ... itp. Nie jest dobrą odpowiedzią.

To prawdopodobnie zadziała, ale złamie też wszelkie inne funkcje, które już są zawieszone na tym wydarzeniu. Lub, jeśli inna funkcja zaczepi się w tym wydarzeniu po twoim, to złamie twoje. Można więc spędzić wiele godzin później próbując dowiedzieć się, dlaczego coś, co działało, już nie istnieje.

Bardziej wytrzymałe odpowiedź here:

if(window.attachEvent) { 
    window.attachEvent('onload', yourFunctionName); 
} else { 
    if(window.onload) { 
     var curronload = window.onload; 
     var newonload = function(evt) { 
      curronload(evt); 
      yourFunctionName(evt); 
     }; 
     window.onload = newonload; 
    } else { 
     window.onload = yourFunctionName; 
    } 
}

Niektóre kod używam, nie pamiętam gdzie znalazłem go dać kredyt autora.

function my_function() { 
    // whatever code I want to run after page load 
} 
if (window.attachEvent) {window.attachEvent('onload', my_function);} 
else if (window.addEventListener) {window.addEventListener('load', my_function, false);} 
else {document.addEventListener('load', my_function, false);}

Nadzieja to pomaga :)

Źródło

2017-12-05 13:32:50 Will

działa funkcja po załadowaniu strony

Odpowiedz

Powiązane problemy