javascript - 如何通过浏览器宽度提供不同的 javascript 文件

Question

所以我想要特定浏览器宽度的特定 Javascript 文件。我知道 @media 为每个浏览器宽度和某些设备提供特定的 CSS。 如果不使用服务器端调用，我该如何对 Javascript 文件执行类似的操作？

Javascript 是否可以根据浏览器宽度调用其他 Javascript 文件？ 如果是，怎么做？

提前致谢。

Answer 1

var scriptSrc = 'js/defaults.js';
if (screen.width <= 800)
  scriptSrc = 'js/defaults-800.js';
else if (screen.width <= 1024)
  scriptSrc = 'js/defaults-1024.js';
var script = document.createElement('script');
script.src = scriptSrc;
var head = document.getElementsByTagName('head')[0];
head.appendChild(script);

也许？根据屏幕分辨率动态加载它们。也可以使用文档大小、浏览器大小等。虽然我不确定您是否真的想这样做。 理想情况下，您应该在设计中处理相对指标(如 % 或 em)并避免这种情况。