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

update

Browse source
This commit is contained in:
Ilya Kantor 2014-11-16 01:40:20 +03:00
parent 962caebbb7
commit 87bf53d076
1825 changed files with 94929 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

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

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

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

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

@ -0,0 +1,51 @@
<!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() { // IE<9
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 Executable file
View file

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

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

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

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

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

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

@ -0,0 +1,18 @@
<!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>

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

@ -0,0 +1,23 @@
# Скрипты с коллбэком
[importance 5]
Создайте функцию `addScripts(scripts, callback)`, которая загружает скрипты из массива `scripts`, и *после загрузки и выполнения их всех* вызывает функцию `callback`.
Скрипт может быть любым, работа функции не должна зависеть от его содержимого.
Пример использования:
```js
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`:
[edit src="source" task/]