Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
dimon888951
15 / 15 / 4
Регистрация: 04.10.2012
Сообщений: 181
#1

подключение скрипта - JavaScript

04.01.2015, 06:35. Просмотров 1323. Ответов 2
Метки нет (Все метки)

Есть простой рабочий код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SVG</title>
    <script src="js/snap.svg.js"></script>
    <script src="js/path.js"></script>
    <script src="js/main.js"></script>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg id="svg"></svg>
<script>
    var s = Snap("#svg");
    var circle = s.circle(90,120,80);   
</script>
</body>
</html>
Кода выношу в main.js сам код, то он не работает.
Javascript
1
2
var s = Snap("#svg");
var circle = s.circle(90,120,80);
Подскажите в чем причина может быть?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
04.01.2015, 06:35
Я подобрал для вас темы с готовыми решениями и ответами на вопрос подключение скрипта (JavaScript):

Подключение скрипта
Добрый день! Помогите решить простую задачу новичка. Есть сверстанная...

Динамическое подключение скрипта
Задача такая: динамически подключать внешний скрипт .js. Пробовал несколько...

Подключение скрипта к сайту
День добрый. Никак не могу подключить данный скрит к сайту:...

Подключение скрипта из директории
Требуется подключить скрипт, который находится в директории scripts. Т.е. в...

Как можно связать работу скрипта из балуна с работой скрипта на странице?
Первый раз задаю вопрос, извините если не в тот раздел. В общем, делаю...

Правильность скрипта
Добрый всем день, я сам не программист, никогда скриптов не писал, но из общих...

2
kalabuni
Нарушитель
3179 / 2528 / 607
Регистрация: 18.04.2012
Сообщений: 7,646
04.01.2015, 10:35 #2
строки html+JS- кода выполняются последовательно, сверху вниз и, соответственно, об объектах (тегах) страницы браузер узнаёт только тогда, когда строку с этим объектом (тегом) прочитает и исполнит

в случае, когда скриптовой блок находится после тега <svg id="svg"></svg>, браузер уже знает, что такое "#svg" и поэтому легко исполнит js-строку var s = Snap("#svg");

а вот если вы этот же код поместите в файл, который подключается перед строкой <svg id="svg"></svg>, то браузер, пытаясь исполнить js-строку var s = Snap("#svg");, не сможет этого сделать, так как об этом теге он ещё ничего не знает

js-код, подключаемый до используемых в этом коде тегов, надо заключить внутрь блока функции, которая будет запускаться по событию окончания загрузки страницы, т.е. тогда, когда браузер прочитает и исполнит весь HTML-код
Javascript
1
2
3
4
5
onload = function ()
{
s = Snap("#svg");
circle = s.circle(90,120,80);
}
я убрал обе дефиниции var, чтобы переменные s и circle стали глобальными
1
dimon888951
15 / 15 / 4
Регистрация: 04.10.2012
Сообщений: 181
04.01.2015, 10:45  [ТС] #3
Спасибо большое, догадывался , что нужно как то обернуть, просто нигде об этом не сказано в частности по snap.js
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
04.01.2015, 10:45
Привет! Вот еще темы с решениями:

Сокращение скрипта !
Подскажите пожалуйста, можно ли как то сократить скрипт с помощью цикла? ...

Шифровка ф-й скрипта
ребят, помогите расшифровать. основная масса скрипта приобрла эпический вид....

На счет скрипта
Я нашел в интернете статью как сделать чтобы при нажатии на кнопку оповещение...

Расшифровка скрипта
Кто может помочь с расшифровкой этого скрипта ? &lt;script...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru