Для корректной работы адаптивной вёрстки есть задача в зависимости от разрешения экрана отключать определенные JS-файлы.
Прямая аналогия с @media для CSS.
Искал, гуглил, читал. Но реально работающего решения, увы, так и не нашел.
Находил вот такой пример, но у меня он так и не заработал. Возможно, пример с ошибкой, возможно я что-то делаю не так (для меня эта область — тёмный лес).
Как можно максимально просто и элегантно решить мою задачу? Заранее большое спасибо за помощь!
window.onload = windowload;
window.onresize = AppendScript;
function windowload() {
AppendScript();
}
function AppendScript() {
if (window.innerWidth >= 940) {
Include('site/js/stick.js', 'on')
Include('site/js/stick-mobile.js', 'off')
}
else {
Include('site/js/stick.js', 'off')
Include('site/js/stick-mobile.js', 'on')
}
}
function Include(filename, status) {
var head = document.getElementsByTagName('head')[0];
if (status == 'on') {
script = document.createElement('script');
script.src = filename;
script.type = 'text/javascript';
head.appendChild(script)
}
else if (status == 'off') {
var scripts = head.getElementsByTagName('script');
if (scripts.length > 0) {
head.removeChild(scripts[1]);
}
}
}
