如何在屏幕大小时包含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>');
}