jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

up

Browse source
This commit is contained in:
Ilya Kantor 2015-11-18 16:15:29 +03:00
parent 4bca225593
commit 547854a151
1655 changed files with 847 additions and 89231 deletions
Download patch file Download diff file Expand all files Collapse all files

8
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.md
View file

@ -1,8 +0,0 @@
# Подсказки
Создайте переменную-счетчик для подсчёта количества загруженных скриптов.
Чтобы один скрипт не учитывался два раза (например, `onreadystatechange` запустился при `loaded` и `complete`), учитывайте его состояние в объекте `loaded`. Свойство `loaded[i] = true` означает что `i`-й скрипт уже учтён.
# Решение

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/a.js
View file

@ -1,3 +0,0 @@
function a() {
b();
}

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/b.js
View file

@ -1,3 +0,0 @@
function b() {
c();
}

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/c.js
View file

@ -1,3 +0,0 @@
function c() {
alert('ok');
}

54
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/index.html
View file

@ -1,54 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
function addScript(src) {
var script = document.createElement('script');
script.src = src;
var s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(script, s);
return script;
}
function addScripts(scripts, callback) {
var loaded = {}; // Для загруженных файлов loaded[i] = true
var counter = 0;
function onload(i) {
if (loaded[i]) return; // лишний вызов onload/onreadystatechange
loaded[i] = true;
counter++;
if (counter == scripts.length) callback();
}
for (var i = 0; i < scripts.length; i++)(function(i) {
var script = addScript(scripts[i]);
script.onload = function() {
onload(i);
};
script.onreadystatechange = function() { // IE8-
if (this.readyState == 'loaded' || this.readyState == 'complete') {
setTimeout(this.onload, 0); // возможны повторные вызовы onload
}
};
}(i));
}
addScripts(["a.js", "b.js", "c.js"], function() {
a()
});
</script>
</body>
</html>

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/a.js
View file

@ -1,3 +0,0 @@
function a() {
b();
}

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/b.js
View file

@ -1,3 +0,0 @@
function b() {
c();
}

3
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/c.js
View file

@ -1,3 +0,0 @@
function c() {
alert('ok');
}

21
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/index.html
View file

@ -1,21 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
/* ваш код */
// функция a() сработает только если загружены a.js, b.js, c.js
addScripts(["a.js", "b.js", "c.js"], function() {
a()
});
</script>
</body>
</html>

24
2-ui/3-event-details/11-onload-onerror/4-scripts-callback/task.md
View file

@ -1,24 +0,0 @@
# Скрипты с коллбэком
[importance 5]
Создайте функцию `addScripts(scripts, callback)`, которая загружает скрипты из массива `scripts`, и *после загрузки и выполнения их всех* вызывает функцию `callback`.
Скрипт может быть любым, работа функции не должна зависеть от его содержимого.
Пример использования:
```js
//+ no-beautify
addScripts(["a.js", "b.js", "c.js"], function() { a() });
/* функция a() описана в a.js и использует b.js,c.js */
```
<ul>
<li>Ошибки загрузки обрабатывать не нужно.</li>
<li>Один скрипт не ждёт другого. Они все загружаются, а по окончании вызывается обработчик `callback`.</li>
Исходный содержит скрипты `a.js`, `b.js`, `c.js`: