В чем разница между window.location.href и </a>?

Question

Я только что прочитал некоторую концепцию о свойстве и методе window.location. И я знаю, что

1. window.location.href = "http://google.com"
2. window.location.assign("http://google.com")
3. window.location.replace("http://google.com")

- все они могут перенаправить нашу страницу на целевой URL-адрес, с той лишь разницей, что window.location.replace не записывает историю, поэтому мы не можем вернуться на предыдущую страницу. непосредственно.

Теперь мне просто интересно, в чем разница между window.location.href и <a href="http://google.com">Google</a>, тег <a> также записывает историю. И для какой ситуации мы их используем соответственно?

Answer 1

Я думаю, что основное различие заключается в том, что происходит за сценой, но на первый взгляд они дают тот же эффект.

window.location.href запускается только по JavaScript или в контексте JS. Принимая во внимание, что тег <a> определяет гиперссылку в HTML. Это действительно зависит от того, как вы хотите вызвать эту новую страницу. У вас может быть гиперссылка, по которой пользователь может щелкнуть / нажать, или вы можете запустить загрузку страницы с помощью некоторых JS функций, которые запускаются определенными действиями.

Чтобы быть более точным, тег c, a является обычным явлением на веб-страницах, поскольку браузеры понимают его и могут применять стиль CSS, чтобы он выглядел лучше. Что касается window.location.href, то для него нет аспекта пользовательского интерфейса, это просто строка кода JS, которую можно вызвать, чтобы (1) получить URL-адрес текущей веб-страницы или (2) установить для него значение, чтобы перенаправить пользователя на некоторые другие URL.

Answer 2

Разница в том, как они, вероятно, будут использоваться (да, потерпи меня).

Установка window.location.href - это способ программно установить URL. Например, window.location.href = 'https://www.google.com' переместит пользователя на страницу поиска Google. Ваш пользователь не сможет использовать эти знания, если только он не откроет консоль разработчика.

Использование тега привязки <a href="https://www.google.com">Google</a> покажет гиперссылку, по которой пользователь может щелкнуть, и перейдет к поиску Google. стр. Этот тег также более вероятно будет интерпретироваться программой чтения с экрана более подходящим образом, чем кнопка с onclick, которая перемещает их в Google, устанавливая window.location.href вручную в Javascript.