javascript - 仅根据屏幕大小加载 javascript 文件

Question

我正在努力使网站具有响应性。目前，该网站必须有两个横幅 - 一个用于桌面，一个用于移动网站。

我已经准备好了媒体查询等所有内容。但是我现在注意到 desktop banner javascript file 中的某些东西导致 mobile banner javascript不能正常工作。

所以我想我可以尝试只加载桌面横幅 js 文件 只有当屏幕超过一定尺寸时，比方说 1000px。

我不确定这是否可能以及如何实现？或者是否有其他方法可以在显示移动横幅时取消 桌面 js 文件？

如有任何建议，我们将不胜感激!

Answer 1

if (window.innerWidth < 1000) {
   ... mobile banner code
} else {
   ... desktop banner code
}

如果用户调整窗口大小，你就得靠自己了:)