Как загрузить js скрипт в зависимости от окна браузера и при его ресайзе?

Question

[h31337]

Спасибо, что читаете мой вопрос :)
Знаю обычный способ загрузки js скрипта в зависимости от окна браузера

if (window.innerWidth > 960) {
  document.write('<script src="myscript.js"><\/script>');
}

Но как быть с ресайзом? Имеется три файла. Только что пришла в голову мысль, запустить jquery обработчик resize() и загружать скрипт с помощью $.getScript("test.js"); это корректно?

Comments

[Andrzej Wielski]

Зачем? Не лучше загружать сразу все нужные скрипты, и делать инициализацию / изменение параметров при event'е ресайза?

[h31337]

Andrzej Wielski: подскажите как это сделать или в какую сторону смотреть ;) я новичок

[h31337]

Andrzej Wielski: кажется я понял о чём Вы, но скрипты являются достаточно сложными плагинами, которые нужно отключать в мобильной версии

[Andrzej Wielski]

h31337: с помощью PHP проверяйте, является ли девайс мобильным телефоном, и отключайте загрузку ненужного барахла.
А лучше посмотрите в сторону RequireJS и аналогов. В плане динамической подгрузки/выгрузки javascript "компонентов" собственными костями, к сожалению, не обойтись.

Answer 1

[Владимир]

Повесьте обработчик события на ресайз окна и так же оружие ваши скрипты

Answer 2

[Dark Hole]

Вввы... ненормальный? Или просто нуб?
Так НИКТО, повторяю, НИКТО не поступает.
В крайнем случае, поступают так:
script1.js
function f(){alert('hello');};
script2.js

if (window.innerWidth > 960) {
  f();
}

Ничем помочь не могу, кроме того, как посоветовать доучить JS и прочитать про событие resize