JavaScript загружает страницу по нажатию кнопки - PullRequest
Новая
       27

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

59 голосов
/ 10 сентября 2010

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

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

Есть мысли?

Спасибо Patrick

Ответы [ 4 ]

85 голосов
/ 10 сентября 2010

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

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick="window.location.href = 'http://www.google.com'" />
21 голосов
/ 10 сентября 2010

Не злоупотребляйте элементами формы, для которых достаточно элементов. 

<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>
17 голосов
/ 10 сентября 2010

Просто 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 голосов
/ 27 марта 2017

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

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

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

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

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

...