Возьмем, к примеру, jQuery. В типичной ситуации у вас будет несколько разных файлов, составляющих проект; CSS-файл, файл HTML, файл JavaScript, файл jQuery. Все эти файлы составят проект. Итак, как они текут? Ну, если ваш пользовательский файл JavaScript использует jQuery, в вашем HTML вам нужно будет сначала загрузить файл jQuery, а затем ваш файл JavaScript. Причина этого в том, что если вы сначала загрузили файл JavaScript, у него еще нет кода для jQuery, поэтому он не будет работать. Если вы сначала загружаете jQuery, вы загружаете все эти ссылки, чтобы их можно было использовать в других файлах.
Один простой тест, который вы можете запустить, чтобы увидеть, как все это работает, чтобы создать 2 отдельных файла JavaScript. Мы будем называть его JS1.js и JS2.js.
HTML FILE
<!DOCTYPE html />
<html>
<head>
<link rel="stylesheet" href="theCSS.css" />
</head>
<body>
<script type="text/javascript" src="JS1.js"></script>
<script type="text/javascript" src="JS2.js"></script>
</body>
</html>
JS1.js
function fromJS1File() {
var message = "Hello World";
return message;
}
JS2.js
alert(fromJS1File());
При запуске этого, вы Появится сообщение с сообщением «Hello World». Теперь вы можете увидеть, как JS2.js на самом деле вызывает форму кода. JS1.js.
. . .
Теперь попробуйте реорганизовать теги скриптов в HTML-коде, чтобы загрузить JS2.js первый. Вы увидите, что ничего не происходит или вы получите сообщение об ошибке/неопределенности.
Что касается части «отображения», все это сводится к потоку операций. Иногда есть общие или глобальные файлы, тогда как другие файлы более детализированы. Лучшее эмпирическое правило возвращается к примеру файла jQuery. Если это относится ко всем вашим JS-файлам, убедитесь, что они загружены первыми, чтобы ваши другие файлы кода могли использовать его.