JavaScript загружает страницу при нажатии кнопки

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

Я знаю, что он может вызывать функцию, но я просто не могу загрузить новую страницу. Кроме того, это все в моей локальной файловой системе, и обе страницы живут на одном уровне (но я также попытался загрузить внешнюю страницу, такую как www.apple.com).

Любые мысли?

Спасибо Патрик

Ответ 1

Простой код для перенаправления страницы

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick=window.location.href = 'http://www.google.com' " />

Ответ 2

Не используйте элементы формы, где <a> элементов будет достаточно.

<style>
    /* or put this in your stylesheet */

    .button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #000;
        background: #eee;
    }

</style>

<!-- instead of abusing a button or input element -->
<a href="url" class="button">text</a>

Ответ 3

Просто window.location = "http://wherever.you.wanna.go.com/", или для локальных ссылок window.location = "my_relative_link.html".

Вы можете попробовать, набрав его в свою адресную строку, например, javascript: window.location = "http://www.google.com/".

Также обратите внимание, что часть протокола URL (http://) не является необязательной для абсолютных ссылок; опуская его, он сделает относительную ссылку javascript.

Ответ 4

Здесь приведены ответы, чтобы открыть страницу в том же окне браузера/вкладке.

Однако, я хотел, чтобы страница открывалась в новом окне/вкладке, когда они нажимают кнопку. (вкладка/окно зависит от настройки браузера пользователя)

Итак, вот как это работает: открыть страницу в новой вкладке/окне:

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button>

Это не обязательная кнопка, вы можете использовать ее где угодно. Обратите внимание на _blank, который используется для открытия в новой вкладке/окне.