Как сделать редирект (перенаправление) на другую веб-страницу в JavaScript?

Основной способ: свойство window.location.href

Самый простой и надёжный способ перенаправить пользователя на другую страницу — присвоить новое значение свойству window.location.href. Это эквивалентно тому, как если бы пользователь сам перешёл по ссылке. Ваш пример практически верный, но лучше использовать явное свойство href:

// Правильный способ №1
window.location.href = 'https://example.com/dashboard.html';

// Или относительный путь
window.location.href = '/dashboard.html';

Ваш код не срабатывал, возможно, из-за того, что в некоторых браузерах присваивание window.location строке работает, но это считается устаревшей практикой. Всегда используйте window.location.href для ясности.

Разница между методами редиректа

В JavaScript есть три основных способа изменить URL, и они ведут себя по-разному в контексте истории браузера (кнопки "Назад"):

• window.location.href = 'url' — создаёт новую запись в истории браузера. Пользователь может нажать "Назад" и вернуться на исходную страницу. Это стандартное поведение ссылки.
• window.location.assign('url') — делает то же самое, что и присваивание href. Загружает новый документ и сохраняет текущую страницу в истории.
• window.location.replace('url') — заменяет текущую запись в истории браузера на новую. Пользователь не сможет вернуться на исходную страницу кнопкой "Назад". Это полезно, например, после успешного логина, чтобы предотвратить возврат к форме входа.

Рекомендации для вашего случая

Для сценария "после успешного входа" лучше всего использовать window.location.replace(), чтобы пользователь не мог вернуться на страницу логина через кнопку "Назад":

function login() {
    let username = document.getElementById('username').value;
    if (username === '') {
        alert('Введите имя');
    } else {
        // После успешного входа — заменяем историю
        window.location.replace('dashboard.html');
    }
}

Дополнительные полезные приёмы

Иногда нужно сделать редирект с задержкой или с передачей данных:

• Редирект через setTimeout:

  setTimeout(() => {
      window.location.href = '/success.html';
  }, 3000); // Через 3 секунды

• Редирект с передачей данных через URL-параметры:

  const userId = 123;
  window.location.href = `/profile.html?user=${userId}`;

• Проверка перед редиректом (если нужно подтверждение):

  if (confirm('Вы уверены, что хотите уйти?')) {
      window.location.href = 'https://example.com';
  }

Про jQuery

jQuery не нужен для редиректа. Конструкция $(location).attr('href', 'url') — это избыточное использование jQuery для простейшей операции. Чистый JavaScript справляется отлично. Если вы используете jQuery для других целей (анимации, AJAX), то можете оставить его, но для редиректа всегда предпочитайте нативный код — он быстрее и не зависит от загрузки библиотеки.

Итог

Для вашей задачи используйте window.location.replace('dashboard.html') — это надёжно, безопасно и предотвращает нежелательное возвращение к форме входа. Если нужно просто перейти по ссылке с возможностью вернуться — используйте window.location.href.

<!-- В <head> вашей HTML-страницы -->
<meta http-equiv="refresh" content="0; url=https://example.com/dashboard.html">

<!-- В HTML -->
<meta http-equiv="refresh" content="5; url=https://example.com/dashboard.html">

<!-- В JavaScript -->
<script>
    // Если JS включён, делаем редирект сразу, без задержки
    window.location.href = 'https://example.com/dashboard.html';
</script>