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