ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / DOM и добавление script внизу или вверху
20 сообщений из 20, страница 1 из 1
DOM и добавление script внизу или вверху
    #37965048
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
всем привет

столкнулся в тем фактом, что если нужно работать с узлами DOM, то js-код нужно располагать в самом низу страницы = перед закрывающим тегом body.

типа доступ к узлам возможен тогда, когда браузер уже сформировал структуру DOM.

это так?

например, если этот
Код: javascript
1.
2.
3.
4.
 <script>
    var mydiv = document.getElementById('mydiv');
    mydiv.textContent = 'СНИЗУ новое содержание слоя';
  </script>

код разместить внизу, то тогда все гут

стоит его расположить внутри head - не срабатывает

получается, что скрипты работающие по DOM нужно цеплять внизу, а скрипты работающие по событиям или не обращающиеся к DOM - вверху?

нужен хелп!
...
Рейтинг: 0 / 0
20.09.2012, 09:24:53
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965074
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
типа доступ к узлам возможен тогда, когда браузер уже сформировал структуру DOM.

это так?Да.

В DOM есть событие onload, сигнализирующие об окончании формирования структуры. Привязавшись к нему, можно располагать в начале документа скрипты, работающие с DOM.
...
Рейтинг: 0 / 0
20.09.2012, 09:36:09
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965085
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
Antonariy,
то есть конструкция типа
Код: javascript
1.
 window.onload = function(){...здесь много кода..}

аналогична конструкции jQuery
Код: javascript
1.
jQuery(document).ready(function(){...здесь много кода...}

и является Function Expression ?
...
Рейтинг: 0 / 0
20.09.2012, 09:45:33
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965094
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
buyboyAntonariy,
то есть конструкция типа
Код: javascript
1.
 window.onload = function(){...здесь много кода..}

аналогична конструкции jQuery
Код: javascript
1.
jQuery(document).ready(function(){...здесь много кода...}


Да, но есть какие-то нюансы. Я редко пользовался родными событиями dom, так что не помню. Поищи здесь по onload.

buyboyи является Function Expression ?А тут не понял.

Кстати, у jquery есть более короткая запись:
Код: javascript
1.
$(function(){...здесь много кода...})
...
Рейтинг: 0 / 0
20.09.2012, 09:51:09
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965100
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
AntonariyА тут не понял.
ну типа есть два способа объявления функции: Function Declaration и Function Expression
Функции, объявленные как Function Declaration, создаются в момент входа в область видимости, а объявления Function Expression создают функцию, когда до них доходит выполнение.
запись такого вида =
Код: javascript
1.
2.
3.
var f = function(параметры) {
   // тело функции
}

это Function Expression
...
Рейтинг: 0 / 0
20.09.2012, 09:55:15
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965104
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
AntonariyКстати, у jquery есть более короткая запись:
Код: javascript
1.
$(function(){...здесь много кода...})


в jQuery лучше писать jQuery чем знак доллара = чтобы не путать с переменными php
...
Рейтинг: 0 / 0
20.09.2012, 09:57:02
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965132
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
В гробу я видал пых, буду писать доллар.
...
Рейтинг: 0 / 0
20.09.2012, 10:10:25
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965135
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
AntonariyВ гробу я видал пых, буду писать доллар. если не связан с пыхом - это правильно
...
Рейтинг: 0 / 0
20.09.2012, 10:11:34
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965138
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
AntonariyВ гробу я видал пых, буду писать доллар.
В гробу я видел жКвери. Буду писать доллар! :)
...
Рейтинг: 0 / 0
20.09.2012, 10:12:40
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965140
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ShSergeAntonariyВ гробу я видал пых, буду писать доллар.
В гробу я видел жКвери. Буду писать доллар! :)В гробу я видал доллар. Все расчеты в рублях!
...
Рейтинг: 0 / 0
20.09.2012, 10:13:50
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965142
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
ShSergeВ гробу я видел жКвери. вот-вот! нэйтив js - рулит
ShSergeБуду писать доллар! :) доллар - это вообще хорошо
...
Рейтинг: 0 / 0
20.09.2012, 10:14:37
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965146
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
AntonariyВ гробу я видал доллар. Все расчеты в рублях! это да - доллар надо валить, чтобы амерам стало худо
...
Рейтинг: 0 / 0
20.09.2012, 10:15:37
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965153
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
ShSergeВ гробу я видел жКвери
Vanilla JS
...
Рейтинг: 0 / 0
20.09.2012, 10:20:52
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965157
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
buyboyто есть конструкция типа
Код: javascript
1.
 window.onload = function(){...здесь много кода..}

аналогична конструкции jQuery
Код: javascript
1.
jQuery(document).ready(function(){...здесь много кода...}

и является Function Expression ?

window.onload - срабатывает после загрузки всей страницы (включая рисунки и прочее).
$(document).ready - срабатывает после загрузки html и построения DOM (намного быстрее, чем onload).
...
Рейтинг: 0 / 0
20.09.2012, 10:21:34
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965176
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
st_stwindow.onload - срабатывает после загрузки всей страницы (включая рисунки и прочее).
$(document).ready - срабатывает после загрузки html и построения DOM (намного быстрее, чем onload).
а document.onload = есть такое ?
...
Рейтинг: 0 / 0
20.09.2012, 10:31:50
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965183
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
Ex_Soft Vanilla JS как-то громоздко выглядит ванилловский код =
Код: javascript
1.
2.
3.
var s = document.getElementById('thing').style;
s.opacity = 1;
(function(){(s.opacity-=.1)<0?s.display="none": setTimeout(arguments.callee,40)})();
...
Рейтинг: 0 / 0
20.09.2012, 10:34:34
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965194
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
а если пойти таким путем ? =
Код: javascript
1.
  <script type="text/javascript" defer src="script.js"></script>


атрибут defer - для IE, а чтобы работало в FF = вынесем скрипт в отдельный файл и загрузим через src
правда в опере - не отработало...
...
Рейтинг: 0 / 0
20.09.2012, 10:45:49
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965325
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
нашел еще вот такое решение =
Код: javascript
1.
2.
3.
document.addEventListener("DOMContentLoaded", function() {
  // code…
});

здесь = http://desart-lab.ru/blog/practices-of-web-development/vanilla-javascript-jquery/
...
Рейтинг: 0 / 0
20.09.2012, 11:42:16
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965370
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
buyboyнашел еще вот такое решение =
Код: javascript
1.
2.
3.
document.addEventListener("DOMContentLoaded", function() {
  // code…
});



Для велосипеда можно использовать это .
...
Рейтинг: 0 / 0
20.09.2012, 12:04:37
| Ответить | Цитировать | Написать  
DOM и добавление script внизу или вверху
    #37965387
buyboy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
buyboy
Участник
st_stДля велосипеда можно использовать это.уже видел этот текст, только тут = http://xhtml.ru/2006/06/21/onload/
p.s. кому велосипед - а кому неизвестное средство передвижения :)
...
Рейтинг: 0 / 0
20.09.2012, 12:11:28
| Ответить | Цитировать | Написать  
20 сообщений из 20, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / DOM и добавление script внизу или вверху
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=156&tid=1449324]:
 0ms
get settings:
 5ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 198ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 3ms
others: 215ms
total:  500ms
созд. / загр.: 500ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]