aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/events/domcontentloaded/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
commitc058fa0fb22dc40ef0225b21a97578cddd0aaffa (patch)
treedf20f8b4c724b61cb9c34cdb450a7ac77d690bd0 /files/ru/web/events/domcontentloaded/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.gz
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.bz2
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.zip
unslug ru: move
Diffstat (limited to 'files/ru/web/events/domcontentloaded/index.html')
-rw-r--r--files/ru/web/events/domcontentloaded/index.html146
1 files changed, 0 insertions, 146 deletions
diff --git a/files/ru/web/events/domcontentloaded/index.html b/files/ru/web/events/domcontentloaded/index.html
deleted file mode 100644
index 7702dcfd24..0000000000
--- a/files/ru/web/events/domcontentloaded/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: DOMContentLoaded
-slug: Web/Events/DOMContentLoaded
-tags:
- - события
-translation_of: Web/API/Window/DOMContentLoaded_event
----
-<p><code><font face="Open Sans, Arial, sans-serif">Событие </font>DOMContentLoaded</code> происходит когда весь HTML был полностью загружен и пройден парсером, не дожидаясь окончания загрузки таблиц стилей, изображений и фреймов. Значительно отличающееся от него событие <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> используется для отслеживания только полностью загруженной страницы. Широко распространённой ошибкой является использование <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> в ситуации когда <code>DOMContentLoaded</code> является более подходящим, будьте внимательны.</p>
-
-<p>{{Note("Синхронный JavaScript останавливает парсинг DOM.")}}</p>
-
-<p>{{Note("Существуют различные библиотеки, как общего назначения так и специализированные, предлагающие кросс-браузерные методы, позволяющие определить, что DOM готов к использованию.")}}</p>
-
-<h2 id="Ускорение_работы">Ускорение работы</h2>
-
-<p>Если вы хотите чтобы DOM был пройден парсером насколько возможно быстро, сразу после запроса пользователем страницы, вы можете попробовать выполнять <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">JavaScript асинхронно </a>и <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">оптимизировать загрузку таблиц стилей</a> которые обычно замедляют загрузку документа поскольку загружаясь одновременно "крадут" трафик у основного документа.</p>
-
-<h2 id="Основная_информация">Основная информация</h2>
-
-<dl>
- <dt style="width: 120px; text-align: right; float: left;">Спецификация</dt>
- <dd style="margin: 0px 0px 0px 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></dd>
- <dt style="width: 120px; text-align: right; float: left;">Интерфейс </dt>
- <dd style="margin: 0px 0px 0px 120px;">Event</dd>
- <dt style="width: 120px; text-align: right; float: left;">Всплывает</dt>
- <dd style="margin: 0px 0px 0px 120px;">Да</dd>
- <dt style="width: 120px; text-align: right; float: left;">Отменяемое</dt>
- <dd style="margin: 0px 0px 0px 120px;">Да (несмотря на то, что в спецификации указано как простое событие, которое не является отменяемым)</dd>
- <dt style="width: 120px; text-align: right; float: left;">Цель </dt>
- <dd style="margin: 0px 0px 0px 120px;">Document</dd>
- <dt style="width: 120px; text-align: right; float: left;">Default Action</dt>
- <dd style="margin: 0px 0px 0px 120px;">Нет.</dd>
-</dl>
-
-<h2 id="Свойства">Свойства</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Свойство</th>
- <th scope="col">Тип</th>
- <th scope="col">Описание</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>target</code> {{readonlyInline}}</td>
- <td>{{domxref("EventTarget")}}</td>
- <td>The event target (the topmost target in the DOM tree).</td>
- </tr>
- <tr>
- <td><code>type</code> {{readonlyInline}}</td>
- <td>{{domxref("DOMString")}}</td>
- <td>Тип события.</td>
- </tr>
- <tr>
- <td><code>bubbles</code> {{readonlyInline}}</td>
- <td>{{jsxref("Boolean")}}</td>
- <td>Whether the event normally bubbles or not.</td>
- </tr>
- <tr>
- <td><code>cancelable</code> {{readonlyInline}}</td>
- <td>{{jsxref("Boolean")}}</td>
- <td>Возможно ли отменить событие.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Пример">Пример</h2>
-
-<pre>&lt;script&gt;
- document.addEventListener("DOMContentLoaded", function(event) {
-  console.log("DOM fully loaded and parsed");
- });
-&lt;/script&gt;
-</pre>
-
-<pre>&lt;script&gt;
- document.addEventListener("DOMContentLoaded", function(event) {
-  console.log("DOM fully loaded and parsed");
- });
-
-for(var i=0; i&lt;1000000000; i++)
-{} // this synchronous script is going to delay parsing of the DOM. So the DOMContentLoaded event is going to launch later.
-&lt;/script&gt;
-</pre>
-
-<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<table>
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Базовая поддержка</td>
- <td>1.0<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("1")}}<sup>[1]</sup></td>
- <td>9.0<sup>[2]</sup></td>
- <td>9.0</td>
- <td>3.1<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-
-<table>
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Базовая поддержка</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatGeckoMobile("1")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-
-<p>[1] Всплытие для этого события поддерживается как минимум с версий Gecko 1.9.2, Chrome 6, и Safari 4.</p>
-
-<p>[2] Internet Explorer 8 поддерживает событие <code>readystatechange</code>, которое можно использовать для определения готовности DOM. В более ранних версиях Internet Explorer,это событие можно определить циклическим выполнением <code>document.documentElement.doScroll("left");</code>, это событие будет выбрасывать ошибку если DOM не готов.</p>
-
-<h2 id="Связанные_события">Связанные события</h2>
-
-<ul>
- <li>{{event("DOMContentLoaded")}}</li>
- <li>{{event("readystatechange")}}</li>
- <li>{{event("load")}}</li>
- <li>{{event("beforeunload")}}</li>
- <li>{{event("unload")}}</li>
-</ul>