Разное поведение js при активном окне. Выполнение после загрузки страницы.

[totalavitaminoz]

Мне нужно что бы код выполнялся после загрузки страницы. И выдавался алерт даже при активном окне.

setInterval("location.reload()", 5000);
//мой код: действия, условия, алерт

Если запустить код (в хроме через tampermonkey) и отстаться на странице, то в консоле будет выдаваться

ERROR: Execution of script 'test yandex' failed! Cannot call method 'getElementsByTagName' of null

А если перейти на другую вкладку, то будет выдаваться алерт. (как и нужно)

Пробовал сделать так:

function my(){
//
}
document.addEventListener('DOMContentLoaded', myfunc, false);

Консоль теперь выдаёт

Uncaught TypeError: Cannot call method 'getElementsByTagName' of null

либо алерт, если так же перейти на другую вкладку

на

window.onload

вобще не реагирует. консоль не ругается, алерт не появляется, вобщем, ничего не происходит.

Хотел попробовать как советуют здесь:
http://javascript.ru/blog/gordon-fre...#comment-17157

но не понял как использовать)

[Erolast]

Не очень понял... надо, чтобы через пять секунд после загрузки страницы она обновилась? Ну, вот так:

//Вешаем окну обработчик события onload.
window.onload = function()
{
   //Запускаем таймер, по истечении которого страница должна перезагрузиться.
   setTimeout(function(){location.reload()}, 5000);
}

А алерт... Что за алерт? Куда алерт ставить? Ну и, в обработчиках событий его использовать надо очень осторожно. А лучше вообще нигде не использовать.

[totalavitaminoz]

window.onload = function()

Вот этот код, как я понимаю, ждёт пока страницы не загрузиться полностью.
Если написать так

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
}

alert ("blabla");

То, алерт будет показываться.
А если что-то типа

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
}
var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
alert ("name");

То алерта уже не будет.

Сам же алерт я вывожу, что бы видеть обрабатывается ли код или нет.
Вместо алерта в итоге какое-либо действие: нажать копку, перейти на страницу и т.п.

[Erolast]

Ну и не мудренно.

var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;

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

.getElementsByTagName находит элементы по названию тега, то есть,

document.getElementByTagName("div")

вернет массив div'ов, дочерних элементу document - ну, то есть, со всеми div'ами на странице.

document.getElementById('name').getElementsByTagName('div')

вернет массив из div'ов, являющихся дочерними элементу с идентификатором name.
Следующий код будет пытаться вернуть массив из элементов с тегом *, дочерних элементу с идентификатором name.

document.getElementById('name').getElementsByTagName('*')

Но, так как таких тегов в природе не существует, массив окажется пустым.

P.S. Пользуйся консолью ошибок JS, есть она в любом браузере. Большинство проблем можно решить, просто взглянув на нее.
P.P.S. Для того, чтобы видеть, обрабатывается код или нет, используй лучше console.log("Текст"); - текст запишется в консоль (ну, естественно, надо включить отображение лога в ней).

[totalavitaminoz]

Когда я запускаю этот же самый код

var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
alert ("name");

через консоль(вручную, после загрузки страницы), то всё обрабатывается как надо.

Т.е. мне непонятно почему этот же самый код перестаёт работать, если его подключить как userjs

Реализацию брал из этого урока http://javascript.ru/tutorial/dom/search сам ничего не придумывал

апд: изменение * на div ничего не даёт.

[Erolast]

А, пардон, оказывается, использование

.getElementsByTagName('*')

позволяет вообще все дочерние элементы получить. Я и не знал. Тогда все верно.

Но дело в том, что на момент выполнения этой строки того самого элемента с идентификатором name просто не существует - он еще не загрузился. Нужно так:

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

[totalavitaminoz]

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

Проблема остаётся той же. При использовании значений со страницы, алерт не появляется.

Если сделать так:

window.onload = function(){
   setTimeout(function(){location.reload()}, 5000);
   alert("343");
     var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

То будет выводиться 343

Если так:

window.onload = function(){
   setTimeout(function(){location.reload()}, 5000);
     var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
   alert("343");
}

То ничего выводиться не будет

[Erolast]

Так... из-за чего JS может не выполнить строку? Из-за того, что где-то ранее скрипт был остановлен. Когда скрипт останавливается? При попытке обращения к свойству несуществующего объекта. То есть, либо у тебя нету объекта с ID name, либо он есть, но у него нету второго дочернего элемента, у которого ты пытаешься получить innerHTML (не забываем, что arr[1] - это не первый элемент массива, а второй, так как отсчет идет с нуля). Если та же строка работает в том же документе из адресной строки... вот не знаю. Скорее всего, где-то допущена какая-нибудь незначительная ошибка - кавычки поставлены не так, точка с запятой пропущена, лишняя точка с запятой вставлена. Хорошо бы увидеть полный код страницы - тогда сразу можно будет сказать, где что не так.

<html>
<head>
<script>
window.onload = function(){
   //setTimeout(function(){location.reload()}, 5000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}
</script>
</head>
<body>
<div id="name">
<span>Текст1</span>
<span>Текст2</span>
</div>
</body>
</html>

[Erolast]

Ну а вообще - открой уже консоль ошибок. Если что-то не работает, в большинстве случаев можно увидеть причину в консоли ошибок.

[totalavitaminoz]

Код работающий. Как я уже писал выше если запустить

var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);

вручную в консоле, то всё проходит гладко.

но если обернуть его

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

или хотя бы даже так:

setInterval("location.reload()", 5000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

и подключать как userjs, то он перестаёт выполняться.
Причём, в хроме работает только второй вариант автообновления, а в Опере оба.

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

Консоль ошибок в хроме при использовании второго варианта (без window.onload) выдаёт вполне предсказуемое:

ERROR: Execution of script 'test yandex' failed! Cannot call method 'getElementsByTagName' of null

Более того, пока я писал, то мне хром выдал нужный алерт раза 3(без использования window.onload), чего не было до этого. Потом снова замолк.
После этого я снова обернул код в window.onload

window.onload = function(){
   setTimeout(function(){location.reload()}, 10000);
   var name = document.getElementById('name').getElementsByTagName('*')[1].innerHTML;
   alert(name);
}

и автообновление пропало.
То, что код подключен убедился добавив алерт после обёртки. При ручном обвнолении страницы, он выводится.
В консоли НИКАКИХ ошибок не появляется.

Я запутался.

upd:
консоль в опере, в которой нормально работает автообновление с window.onload выдаёт это

Error thrown at line 11, column 3 in <anonymous function: window.onload>() in test.user.js:
var name = document.getElementById('name').getElementsByTagNa me('*')[1].innerHTML;
content_script.js:64
ext_content: opera.extension.postMessage get_scripts
Uncaught exception: TypeError: Cannot convert 'document.getElementById('name')' to object