Javascript 仅当窗口大于X时加载脚本

我目前正在使用下面的脚本，但注意到它只适用于屏幕大小，而不适用于窗口大小，因此调整浏览器大小不会触发它。只有当屏幕大小大于X时，我如何才能运行此功能？对于视网膜显示，我应该考虑哪些因素

<script>
if (screen && screen.width > 899) {
document.write('<script async type="text/javascript" src="http://example.com/myscript.js"><\/script>');
}
</script>

如果（屏幕和屏幕宽度>899）{
文件。写（“”）；
}

这可以通过

window.matchMedia

（）

var mediaQuery=window.matchMedia（‘（最小宽度：400px）’）；
addListener（加载脚本）；
函数loadScripts（）{
document.write（'\x3Cscript src=“myScript.js”>\x3C/script>）；
}    

---

这是一个。

而不是

屏幕

使用

窗口

：

var out=document.getElementById（'out'）；
var foo=函数（）{
log（'resized…'）；
如果（window.innerWidth>899）{
警报（“加载脚本”）；
}
out.innerHTML=window.innerWidth；
};
window.onresize=foo；//在调整窗口大小时运行代码
foo（）//在页面加载时运行代码

---

调整窗口大小，宽度：px

虽然只有在刷新时（如果在桌面上查看）才会在调整窗口大小时触发，但感谢您的帮助@BrettDeWoody这似乎会影响所有脚本。如何修改它，使其仅影响一个特定脚本？i、 e.“myscript.js”？您只需在

loadScripts（）

函数中添加要加载的脚本。我更新了答案，以显示其他脚本如何正常加载，而不依赖于

window.matchMedia

@BrettDeWoody谢谢！

<script>
  var mediaQuery = window.matchMedia('(min-width: 400px)');

  mediaQuery.addListener(loadScripts);

  function loadScripts() {
    document.write('\x3Cscript src="myScript.js">\x3C/script>');
  }    
</script>

<script src="mySecondScript.js"></script>
<script src="myThirdScript.js"></script>