события JavaScript не window.onload срабатывает

У меня есть следующий код на сайте:события JavaScript не window.onload срабатывает

window.onload = resize; 
window.onresize = resize; 

function resize(){ 
    heightWithoutHeader = (window.innerHeight - 85) + "px"; 
    document.getElementById("main-table").style.height = heightWithoutHeader; 
    document.getElementById("navigation").style.height = heightWithoutHeader; 
}

onresize работает отлично, но onload событие не срабатывает. Я пробовал его в Firefox и Chrome, и ни один из них не работает.

Благодарим за помощь и идем на репутацию! ; D

источник

2010-05-11 Anonymous

Когда вы используете этот код? Возможно ли, что 'onload' переопределяется позже или присоединяется после срабатывания события' load'? –

Вы были правы. window.onload был явно перезаписан позже. Отправьте свой комментарий как ответ, пожалуйста, так что я могу отметить его как правильный. – 2010-05-11 13:07:51

Выполнено :) Рад, что вы это разрешили! –

Я думаю, что, вероятно, происходит здесь в том, что ваш window.onload идет переопределены позже, проверьте, чтобы убедиться, что это не с помощью таких вещей, как <body onload="">

Вы можете проверить это alert(window.onload) в вашем функцию изменения размера, чтобы увидеть, что на самом деле там прикреплено.

источник

2010-05-11 14:31:00

-3

Если это действительно так, это определенно не сработает. Вы не можете назначить функцию обработчику событий до того, как будет объявлена сама функция.

источник

2010-05-11 12:58:25 Syntactic

Теперь я изменил порядок, но он все еще не работает. – 2010-05-11 13:03:09

Как сказал Ник Крейвер, было бы полезно узнать более широкий контекст этого и когда он на самом деле называется. – Syntactic

неправильный ответ: в той же области javascript разрешено, но не рекомендуется, объявлять переменную или функцию после ее использования. try: "var a = fun (42); function fun (n) {return n;}; console.log (a);" – Francois

Это будет работать, когда вы называете «window.onload» рядом с функцией изменения размера()

источник

2010-05-11 13:06:58

Это работает для меня, я думаю, ваша проблема в другом месте:

function resize(){ 
    var tester = document.getElementById("tester"), 
     html = tester.innerHTML 

    tester.innerHTML = html + "resize <br />" 
} 

window.onload = resize; 
window.onresize = resize;

вы можете test it yourself here: http://jsfiddle.net/Dzpeg/2/

Вы уверены, что это единственное событие, называемое onLoad? Может быть, другое событие OnLoad создает конфликт

источник

2010-05-11 13:17:51 meo

Это произошло, когда я добавил третий код jQuery, который нам нужен для партнера. Я мог бы легко преобразовать устаревшее окно window.onload в документ jQuery. Тем не менее, я хотел бы знать, есть ли современное решение, совместимое с браузером.

IS IS!

window.addEventListener ? 
window.addEventListener("load",yourFunction,false) : 
window.attachEvent && window.attachEvent("onload",yourFunction);

Знайте, что я знаю, что я могу преобразовать свой код, чтобы использовать маршрут jQuery. И я попрошу нашего партнера реорганизовать свой код, чтобы они перестали влиять на сайты.

Источника, где я нашел исправление ->http://ckon.wordpress.com/2008/07/25/stop-using-windowonload-in-javascript/

источник

2013-07-15 18:33:02

Перемещение window.onload строки в конец файла JavaScript или после начальной функции, и он будет работать:

function resize(){ 
    heightWithoutHeader = (window.innerHeight - 85) + "px"; 
    document.getElementById("main-table").style.height = heightWithoutHeader; 
    document.getElementById("navigation").style.height = heightWithoutHeader; 
} 
// ... 
// at the end of the file... 
window.onload = resize; 
window.onresize = resize;

Но это если вы не замените нагрузку. Вместо этого приложите свою функцию к событию onload:

function resize(){ 
    heightWithoutHeader = (window.innerHeight - 85) + "px"; 
    document.getElementById("main-table").style.height = heightWithoutHeader; 
    document.getElementById("navigation").style.height = heightWithoutHeader; 
} 
// ... 
// at the end of the file... 
window.addEventListener ? 
    window.addEventListener("load",resize,false) 
    : 
    window.attachEvent && window.attachEvent("onload",resize);

Это сработало для меня и извините за мой английский.

источник

2016-12-30 04:32:44 august0490

Для меня window.onload не работал, когда написал внутри script type="text/javascript тег.

Вместо этого необходимо написать то же самое в теге script language="Javascript" type="text/javascript, и оно отлично работает.

источник

2017-07-01 09:55:17 theUltimateWinner

события JavaScript не window.onload срабатывает

ответ

Смежные вопросы