Як ведаць, калі файл рэсурсы загружаюцца старонкі ў Javascript

Як я магу ведаць, калі файл рэсурсаў загружаецца на старонку, выкарыстоўваючы JavaScript?

Напрыклад, некаторыя .css, JS ці іншы від роду файл?

2

2 адказы

Гэта залежыць ад таго, вы дадаеце файлы дынамічна. Я растлумачу для файлаў JavaScript.

Альбо выкарыстоўваць гэты кавалак кода для загрузкі вонкавага файла:

var scriptElem = document.createElement('script');

scriptElem.onload = function() {alert('Script loaded.');}

scriptElem.src = 'test.js';

document.getElementsByTagName('head')[0].appendChild(scriptElem);

Ці, калі вы дадаеце іх праз HTML, вы можаце зрабіць файл сцэнарыя адлюстроўваюць той факт, што гэта быў загружаны з пераменнай. напрыклад у test.js :

// ...rest of file...

window.testLoaded = true;

Вы можаце праверыць window.testLoaded === дакладна у любым месцы на старонцы.

Для CSS файлаў вы таксама можаце выкарыстоўваць першы метад, але, вядома, не другі. Можна было б вызначыць вызначэнне заглушкі для класа .test , а затым стварыць элемент з гэтым класам і праверыць, ці мае гэта пэўны стыль, які вы ўсталявалі ў файле CSS.

3
дададзена
ок, дзякуй, я буду старацца
дададзена аўтар WHITECOLOR, крыніца

Выкарыстоўвайце jQuery.ready падзея, якая азначае, што ўсе старонкі былі ўстаноўкі, а затым вы пачынаеце выкананне логіку JavaScript

$(document).ready(function(){
   //your code
});

Калі ў вас ёсць неабходнасць загрузкі рэчы асінхронна, то вы павінны выкарыстоўваць свой код JavaScript, каб загрузіць яго як прыклад загрузкі сцэнарыя:

$.getScript("http://.../some.js", function(){
  //script loaded and hooked on the page; your custom logic here
});

Для чаго-небудзь больш складанага, я хацеў бы прапанаваць некаторую сістэму кіравання залежнасцямі, як requireJS .

2
дададзена