JavaScript, который выполняется после загрузки страницы
7 ответов
Эти решения будут работать:
<body onload="script();">
или
document.onload = function ...
или даже
window.onload = function ...
Обратите внимание, что последний вариант - лучший вариант , так как он ненавязчивый и считается более стандартным .
Разумно переносимый, неструктурированный способ заставить ваш скрипт установить функцию для запуска во время загрузки:
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;
}
}
Использование библиотеки YUI (мне это нравится):
YAHOO.util.Event.onDOMReady(function(){
//your code
});
Портативно и красиво! Однако, если вы не используете YUI для других вещей (см. Его документ), я бы сказал, что его не стоит использовать.
Примечание: чтобы использовать этот код, вам нужно импортировать 2 сценария
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo/yahoo-min.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/event/event-min.js" ></script>
Просто определите , который будет вызываться после загрузки страницы. Ваш код в сценарии заключен в aFunction () {} .
Вы можете поместить атрибут "onload" внутри тела
...<body onload="myFunction()">...
Или, если вы используете jQuery, вы можете сделать
$(document).ready(function(){ /*code here*/ })
or
$(window).load(function(){ /*code here*/ })
Я надеюсь, что это ответит на ваш вопрос.
Обратите внимание, что $ (window) .load будет выполняться после того, как документ отобразится на вашей странице.
Посмотрите на подключение document.onload или в jQuery $ (document) .load (...) .
Как говорит Дэниел, вы можете использовать document.onload.
В различных фреймворках javascript (jQuery, Mootools и т. Д.) Используется настраиваемое событие domready, которое, я думаю, должно быть более эффективно. Если вы разрабатываете с помощью javascript, я настоятельно рекомендую использовать фреймворк, они значительно увеличивают вашу продуктивность.