Как выполнять js в зависимости от разрешения экрана?

Question

[viktorross]

Здравствуйте, у меня шаблрнизатор смарти, мне нужно сделать так, чтобы рекламные блоки js выполнялись только тогда , когда допустим ширина экрана меньше 600, больше 600 , больше 800 и т.д , т.е для каждого разрешения экрана свой js скрипт, сейчас я просто взял в div и скрыл медиазапросами добавив display:none, но при этом выводится же на страницу целых 3 скрипта и загружаются они все, просто скрыты, соответственно время загрузки страницы увеличивается и т.д как это сделать все?

Answer 1

[VegasChickiChicki]

Сделайте условие:
if(window.innerWidth > n){ /* тело условия */ }
И так же для остальных значений. А если нужно что бы это выполнилось при достижении определенного размера, отслеживайте событие ресайза документа.

Comments

[viktorross]

VegasChickiChicki спасибо большое, но я не совсем понял, вот допустим реклама яндекса, что бы она запускалась когда размер экрана меньше 600 надо сделать так

<script type="text/javascript">
if(window.innerWidth < 600){ /*если нужно чтобы блок показывался, когда больше 600, то >601? */
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-355220-28",
                renderTo: "yandex_rtb_R-A-355220-28",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
}
</script>

правильно все?

[VegasChickiChicki]

viktorross, У вас стоит условие: "Если ширина экрана меньше 600px". Поменяйте знак, что бы больше ">".
И оберните в самовызывающаюся функцию:

(function(){
 /* сюда весь ваш код(который выше привели) */
}())

Тогда если откроется страница, сработает функция, сработает условие и все заработает.