Событие onDomLoad и его реализация
javascript, 13.04.2009 Понедельник, 21:29
Теги:
Теги:
Про это событие уже велся разговор в одной из веток моего блога. Хорошо оно тем, что позволяет выполнить что либо после того, как загрузится структура веб страницы - её DOM древо, но до того, как до конца загрузится контент.
Так вот. Событие ondomload в javascript достаточно легко обработать. В таком популярном фреймворке как JQuery например для этого существует специальная функция вида: А если подходить к реализации с точки зрения обычного js (без использования фреймворков) то получается вот такая универсальная функция, которая работает аналогично функции из JQuery: Используя это событие, код можно помещать не в конец страницы, а в шапку или вообще в любое другое место.
Для выполнения кода после загрузки всего контента используется конструктор вида:
window.onload = function(){ наш код };
Так вот. Событие ondomload в javascript достаточно легко обработать. В таком популярном фреймворке как JQuery например для этого существует специальная функция вида:
Code
<script type='text/javascript'>
$(document).ready(function(){
//наш код
});
</script>
$(document).ready(function(){
//наш код
});
</script>
Code
<script type='text/javascript'>
function domLoad(b){
function init(){
if(arguments.callee.done){return}
arguments.callee.done=true;
b()
};
if(document.addEventListener){document.addEventListener("DOMContentLoaded",init,false)}
if(/*@cc_on!@*/false){
document.write("<script id=\"__ie_onload\" defer=\"defer\" src=\"javascript:void(0)\"><\/script>");
var a=document.getElementById("__ie_onload");
a.onreadystatechange=function(){
if(this.readyState=="complete"){
init()
}
}
}
if(/WebKit/i.test(navigator.userAgent)){
var c=setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
clearInterval(c);
init()
}
},10)
}
window.onload=init
};
// вызывается вот так:
domLoad(function(){ наш код });
</script>
function domLoad(b){
function init(){
if(arguments.callee.done){return}
arguments.callee.done=true;
b()
};
if(document.addEventListener){document.addEventListener("DOMContentLoaded",init,false)}
if(/*@cc_on!@*/false){
document.write("<script id=\"__ie_onload\" defer=\"defer\" src=\"javascript:void(0)\"><\/script>");
var a=document.getElementById("__ie_onload");
a.onreadystatechange=function(){
if(this.readyState=="complete"){
init()
}
}
}
if(/WebKit/i.test(navigator.userAgent)){
var c=setInterval(function(){
if(/loaded|complete/.test(document.readyState)){
clearInterval(c);
init()
}
},10)
}
window.onload=init
};
// вызывается вот так:
domLoad(function(){ наш код });
</script>
> можно я стину пхп скрипт с айлоад?
Не дождешься.