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

Question

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

例如：

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

有任何想法吗？

Answer 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>

Answer 2

使用 jQuery，试试这个：

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