当屏幕达到一定大小时,如何包含JavaScript文件?

当屏幕达到一定大小时,如何包含JavaScript文件?,javascript,jquery,screen-size,Javascript,Jquery,Screen Size,我想要包含一个文件,比如foo.js,只有当屏幕达到一定大小时 例如: <script> if (screen.width <= 960) { document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>'); } </script> 如果(screen.width使用jQuery,请尝试以下操作: if ($(window).width() <

我想要包含一个文件,比如foo.js,只有当屏幕达到一定大小时

例如:

<script>
if (screen.width <= 960)
{
    document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>'); 
}
</script>


如果(screen.width使用jQuery,请尝试以下操作:

if ($(window).width() <= 960) {     
    document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>');
}

if($(window).width()使用jQuery,请尝试以下操作:

if ($(window).width() <= 960) {     
    document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>');
}

if($(window).width()将脚本附加到头部,不要使用
document.write

<script type="text/javascript">

    if (screen.width <= 960) {
       var head    = document.getElementsByTagName('head')[0];
       var script  = document.createElement('script');
       script.type = 'text/javascript';
       script.src  = '/foo.js';
       head.appendChild(script);
    }

</script>


如果(screen.width将脚本附加到头部,则不要使用
document.write

<script type="text/javascript">

    if (screen.width <= 960) {
       var head    = document.getElementsByTagName('head')[0];
       var script  = document.createElement('script');
       script.type = 'text/javascript';
       script.src  = '/foo.js';
       head.appendChild(script);
    }

</script>


if(screen.width)您可能会考虑将
放在
文档的开头。write
。否则,脚本中就有一个脚本。为什么不总是包含脚本文件并将其内容包装在条件中?下面是一个带一些不同解决方案的小问题:[[1]:加载后调整屏幕大小时会发生什么情况?您不能取消包含脚本文件。您可能会考虑将
放在
文档的开头。写入
。否则,脚本中会包含脚本。为什么不始终包含脚本文件并将其内容包装在条件中?下面是一个关于几种不同的解决方案:[[1]:加载后调整屏幕大小时会发生什么?您不能取消包含脚本文件。这可以与其他脚本一起放在html文件的底部吗?@maxwellynn-可以!这可以与其他脚本一起放在html文件的底部吗?@maxwellynn-可以!