Problema media screen / media query javascript

di il
1 risposte

Problema media screen / media query javascript

Buongiorno, ho una domanda di questo tipo, dovrei caricare un file JavaScript se la larghezza del device è > di 600px

es:
<script src="javascripts/file.js"></script>

Il problema che in rete ho trovato una soluzione che funziona in locale ma non funziona se carico la pagina html contenete lo script su uno spazio web

La soluzione è questa:

<script>
(function() {
if( window.innerWidth > 600 ) {
var theScript = document.createElement('script');
theScript.type = 'text/javascript';
theScript.src = 'javascripts/file.js';

var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(theScript, s);
}
})();
</script>

Un'atra soluzione potrebbe esser quella di testare la larghezza prima di far eseguire questo comando
<script>
$(document).ready(function() {

OverlayLoader("modal1");

});
</script>

Spero di esser stato chiaro, ringrazio anticipatamente. Non sono molto pratico di js
Marco

1 Risposte

  • Re: Problema media screen / media query javascript

    Prova senza utilizzare il codice function e inserendo il tag script con document.write così:

    <script type="text/javascript">
    if(window.innerWidth > 600)
    {
    alert("maggiore di 600!");
    //document.write('\x3Cscript type="text/javascript" src="file.js">\x3C/script>');
    }
    else { alert("minore di 600!"); }
    </script>
Devi accedere o registrarti per scrivere nel forum
1 risposte