求基于屏幕长度实现URL重定向的可用JavaScript代码

你的原有代码存在两个问题：

1. 错误调用了不存在的screen.length属性，屏幕尺寸需用screen.width（宽度）或screen.height（高度）获取
2. 语法不完整，缺少闭合的}和语句结尾的;

基础实现（页面加载时判断） #

将以下代码放在页面的<head>或<body>标签中即可：

<script type="text/javascript">
// 当屏幕宽度≤1500px时重定向
if (screen.width <= 1500) {
  window.location.href = "https://www.google.com/";
}
</script>

如果需要基于屏幕高度判断，只需把screen.width替换为screen.height。

进阶实现（监听窗口尺寸变化） #

如果需要在用户调整浏览器窗口大小时也触发判断，可使用以下代码：

<script type="text/javascript">
function checkScreenSize() {
  if (screen.width <= 1500) {
    window.location.href = "https://www.google.com/";
  }
}

// 页面加载完成后执行一次判断
window.onload = checkScreenSize;
// 监听窗口大小变化事件
window.addEventListener('resize', checkScreenSize);
</script>

额外说明 #

• 若要针对浏览器可视区域尺寸（而非整个屏幕尺寸）判断，可将screen.width替换为window.innerWidth，screen.height替换为window.innerHeight
• 自动重定向可能被部分浏览器的安全策略拦截，若需更稳定触发，建议结合用户交互（如点击事件）执行重定向逻辑

内容的提问来源于stack exchange，提问作者Sơn Tùng Lệ