当屏幕为一定大小时，如何包含 JavaScript 文件？答案

【问题标题】：How to include a JavaScript file when the screen is a certain size?当屏幕为一定大小时，如何包含 JavaScript 文件？
【发布时间】：2013-08-22 04:21:14
【问题描述】：

我想包含一个文件，例如 foo.js，只有当屏幕是一定大小时。

例如：

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

有什么想法吗？

【问题讨论】：

您可能会想到将</script> 放在document.write 的开头。否则你在一个脚本中有一个脚本。
为什么不总是包含脚本文件并将其内容包装在条件中？
这是一个带有几个不同解决方案的类似问题：[stackoverflow.com/questions/15823137/… [1]: stackoverflow.com/questions/15823137/…
屏幕加载后调整大小会发生什么？您不能取消包含脚本文件。

标签： javascript jquery screen-size

【解决方案1】：

将脚本附加到头部，不要使用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>

【讨论】：

这可以和其他脚本一起放在 html 文件的底部吗？
@MaxwellLynn - 可以！

【解决方案2】：

使用 jQuery，试试这个：

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

【讨论】：