Функции в JavaScript

YISHIMITSY · February 22, 2010

Здравствуйте! Есть код:

function Change(obj,property,value)

{

obj = document.getElementById(obj);

obj.style[property] = value;

return obj;

}

window.onload = function()

{

Change('test','color','red')

}

Когда функция Change вызывается на событие onload (или любое другое) всё нормально. Вопрос: можно ли сделать так, чтобы она вызывалась не на событие а самостоятельно? вроде такого:

function Change(obj,property,value)

{

obj = document.getElementById(obj);

obj.style[property] = value;

return obj;

}

Change('test','color','red'); // стили должны изменится

Как мне заставить работать такой код?

s0rr0w · February 22, 2010

Как мне заставить работать такой код?

Поместите его после тега BODY

YISHIMITSY · February 22, 2010

А если нужно в хеаде... переделать определение функции для такого вызова как-нибудь можно?

psywalker · February 22, 2010

А если нужно в хеаде... переделать определение функции для такого вызова как-нибудь можно?

Значит помести в Хеад в соответствующие теги, а вообще лучше подключи отдельные модули.

YISHIMITSY · February 22, 2010

Я пробовал помещать в

<script></script>

после тега body, - работает нормально, но если вынести во внешний js-файл он должен быть подключён тоже после body, иначе не работает, а нужно чтоб скрипт был прописан в head или body

psywalker · February 22, 2010

Я пробовал помещать в
<script></script>
после тега body, - работает нормально, но если вынести во внешний js-файл он должен быть подключён тоже после body, иначе не работает, а нужно чтоб скрипт был прописан в head или body

Так ты адрес-то в теге пропиши

rash · February 22, 2010

Я пробовал помещать в
<script></script>
после тега body, - работает нормально, но если вынести во внешний js-файл он должен быть подключён тоже после body, иначе не работает, а нужно чтоб скрипт был прописан в head или body

Зачем?

Ему самое место после body.

YISHIMITSY · February 22, 2010

Так ты адрес-то в теге пропиши

Ну вот:


<head>
<script src="function.js"></script> <!-- тут функция создана -->
</head>
<body>
...
</body>
<script src="myscript.js"></script> <!-- тут она вызвана -->

Но по стандарту HTML ведь скрипты подключаются в хеад или в боди... а тогда она не вызывается... Просто в js-фреймворках функции вызываются в любом месте и работают прям с ходу, хочу понять как это сделанно

Edited February 22, 2010 by YISHIMITSY

rash · February 22, 2010

Тут дело в том, что если вы подключаете скрипт, вызывающий эту функцию в head, то браузер загрузит его и попытается выполнить функцию до того, как элемент появится на странице. На момент вызова функции его еще нет — он не загрузился.

Поэтому и срабатывает вариант, когда скрипт подключен после body.

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

YISHIMITSY · February 22, 2010

Ну про события я знаю, в 1-м сообщении у меня как раз был window.onload, в этом то и был вопрос)

Ну ладно, спасибо. Терь всё ясно.

YISHIMITSY · February 22, 2010

И вот ещё, хотел спросить у профессионалов: если весь код JavaScript (код оч большой) объединён под одной функцией и все остальные вложены в неё, хорошо это или плохо с технической точки хрения?

s0rr0w · February 22, 2010

И вот ещё, хотел спросить у профессионалов: если весь код JavaScript (код оч большой) объединён под одной функцией и все остальные вложены в неё, хорошо это или плохо с технической точки хрения?

Пофиг. Кто как хочет, так в газетку и заворачивает.

Great Rash · February 24, 2010

Мне вот интересно чем window.onload не устраивает?

И почему скрипт надо инициировать именно после <body>, нельзя что-ли сделать так:

<body>
	тут идет весь документ
	<script></script>
</body>

s0rr0w · February 24, 2010

Мне вот интересно чем window.onload не устраивает?
И почему скрипт надо инициировать именно после <body>, нельзя что-ли сделать так:
<body>
	тут идет весь документ
	<script></script>
</body>

Устраивает. Но для мелких сайтов.

Почему сразу после бади? Потому что там у бади цвет меняется.

Great Rash · February 24, 2010

Устраивает. Но для мелких сайтов.

Для крупных можно так: window.addEventListener(тра-ля-ля);

s0rr0w · February 24, 2010

Для крупных можно так: window.addEventListener(тра-ля-ля);

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

Sign In

Функции в JavaScript

Question

Link to comment

Share on other sites

15 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information