Как верно добавить обработчик событий

Колос · March 23, 2011

Делаю выпадающее меню. Для обеспечения открытия/закрытия плашек сразу после html-кода меню пишу:


<script type="text/javascript">
  jQuery("div.punkt").mouseover(function() {
    jQuery(this).children(".vypad").css("display","block");
  });

  jQuery("div.punkt").mouseout(function() {
    jQuery(this).children(".vypad").css("display","none");
  });
</script>

Насколько грамотно так делать? Имеется ввиду не сам код, а его встраивание. Может лучше <body onLoad="">, или ещё как-то? Или без разницы?

Great Rash · March 23, 2011

Обычно пишут так:


<head>
    <script tyle="text/javascript">
        jQuery(document).ready(function() {
            // собссно код
        });
    </script>
</head>

Но и в конце тоже нормуль.

Колос · March 23, 2011

Great Rash

А в чём преимущества ready перед onload?

While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received

Насколько я понял это означает, что ready срабатывает, только когда загрузились уже все картинки, то есть он срабатывает после load. Или я неправильно перевёл?

Great Rash · March 23, 2011

Неправильно. Ready срабатывает до загрузки картинок. Как только построен DOM срабатывает ready, как только загрузилось вообще все сработает onload.

Колос · March 23, 2011

Неправильно. Ready срабатывает до загрузки картинок. Как только построен DOM срабатывает ready, как только загрузилось вообще все сработает onload.

Тогда это действительно то, что нужно.

Часто случается, что на странице стоит счётчик, т.е. яваскрипт, связывающийся со своим сервером(mail.ru,spylog и т.п.). Когда на этом сервере случаются неполадки, то счётчик подвисает и останавливает загрузку страницы. Отработает ли ready в этом случае? То есть зависание какого-то яваскрипта в середине страницы остановит ли загрузку DOM?

Колос · March 23, 2011

Попробовал такой простой пример:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Проверка ready</title>
  <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
  <script style="text/javascript">
    jQuery(document).ready(function() {
      alert('DOM');
    });
  </script>
</head>
<body>
<div style="width:100px;height:100px;background-color:#F00;"></div>
<script type="text/javascript">
while(1>0)
  var a=1;
</script>
<div style="width:100px;height:100px;background-color:#00F;"></div>
</body>
</html>

Получается зависающий скрипт останавливает загрузку DOM и ready не срабатывает. Может лучше тогда всё таки добавлять обработчики сразу после загрузки html-кода?

Great Rash · March 23, 2011

Ну это уже вам решать что лучше. Если где-то посреди страницы виснет скрипт, то это плохо.

Sign In

Как верно добавить обработчик событий

Question

Колос

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information