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

How to include a JavaScript file when the screen is a certain size?

本文关键字:何包含 JavaScript 文件 小时 屏幕      更新时间:2023-09-26

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

例如:

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

有什么想法吗?

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

使用jQuery,尝试以下操作:

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