document.location перенаправлять перекручивание

Question

У меня есть 3 разные страницы index.html типа для различных размеров экрана: index.html для> 1280, indexsm.html для < = 1024 и indexmed.html для < = 1280.

я думал, что я мог бы обойти это со следующим JS:

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

index.html открытия на экране 1024 или меньше, редирект работает отлично и перенаправляет на indexsm.html. Открытие index.html на экране при 1280, перенаправление работает отлично и открывается indexmed.html. Открытие index.html на экране в 1920 году (например), мои циклы 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