JavaScript. Подключение скриптов в документе
В ближайших уроках я буду отвечать на ваши вопросы и комментарии, которые вы оставляете на моем youtube канале. В данном видео я разберу подключение js скриптов, вызов функций из одного скрипта в другом.
Скрипты срабатывают в том порядке, в котором они подключены в документе. То есть если вы объявили функцию в файле script1.js и вызываете ее в файле script2.js, то функция спокойно выполнится, если script1.js подключен раньше script2.js. Но если вы объявили функцию в script2.js и вызываете ее в script1.js, то функция у вас не сработает. Можно поменять местами подключение скриптов. Но это непродуктивно.
Чтобы избежать изменение очереди подключения скриптов мы создадим скрипт динамически, укажем ему источник и подключим к документу. Но функци опять не сработает. Чтобы мы получили необходимый результат, нужно «обернуть» вызов функции в событие onload (аналог функции ready в jquery).
Чтобы избежать изменение очереди подключения скриптов мы создадим скрипт динамически, укажем ему источник и подключим к документу. Но функци опять не сработает. Чтобы мы получили необходимый результат, нужно «обернуть» вызов функции в событие onload (аналог функции ready в jquery).
Код урока (HTML)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="script1.js"></script>
<!--<script src="script2.js"></script>-->
</body>
</html>Код урока (script1.js)
var jsFile = document.createElement("script");
jsFile.src = "script2.js";
console.log(jsFile);
document.head.appendChild(jsFile);
function sum(a,b) {
return a+b;
}
window.onload = function(){
alert(diff(3,4));
}Код урока (script2.js)
function diff(a,b) {
return a-b;
}
//alert(diff(a,b));
0 Comments