document.location重定向循环

Question

我有3种不同的index.html类型页面用于不同的屏幕尺寸：index.html for＆gt; 1280，indexsm.html for＆lt; = 1024，indexmed.html for＆lt; = 1280。

我以为我可以通过以下JS解决这个问题：

if  (screen.width <= 1024)
{
  document.location = "indexsm.html"
}
else if (screen.width <= 1280)
{
  document.location = "indexmed.html"
}
else 
{
  document.location = "index.html"
}

在1024或更低的屏幕上打开index.html，重定向工作完美，并重定向到indexsm.html。 在1280的屏幕上打开index.html，重定向工作完美，并打开indexmed.html。 在1920年的屏幕上打开index.html（例如），我的jacascript循环并不断重新加载index.html页面。

有人有解决方案吗？我搜索了几个小时，一直找不到治疗方法。

Answer 1

假设此脚本在 index.html中是，为什么要重新设置位置（因此重新加载页面）？

if  (screen.width <= 1024) 
{
  document.location = "indexsm.html"
}
else if (screen.width <= 1280)
{
  document.location = "indexmed.html"
}

// else we're already where we need to be, so stop