JavaScript: как сделать кнопки «Назад» и «Вперёд»?

Вопрос

Как на JavaScript сделать кнопки для перехода на страницу назад и на страницу вперёд (аналоги кнопок в браузере возле адресной строки)?


Ответ №1

Для этого можно использовать методы window.history.back() (назад) или window.history.forward() (вперёд). Они работают во всех основных браузерах.

<input type="button" value="window.history.forward()" onclick="goForward()" />
<input type="button" value="window.history.back()" onclick="goBack()" />
function goForward()
{
    window.history.forward();
}
function goBack()
{
    window.history.back()
}

В том, как это работает, можно убедиться ниже. Для этого необходимо, чтобы кнопки «Назад» и «Вперёд» были активны в Вашем браузере (можно с этого места открыть любую другую страницу этого сайта, а затем нажать «Назад», чтобы кнопка «Вперёд» стала активной).

Пример

Также можно использовать функцию window.history.go(), которая принимает один аргумент - целое число, которое означает, на сколько страниц необходимо перейти. Если аргумент положительный, переход осуществляется вперед, если отрицательный, то назад.

<input type="button" value="window.history.go(1)" onclick="forwardGo()" />
<input type="button" value="window.history.go(-1)" onclick="backGo()" />
function forwardGo()
{
    window.history.go(1);
}
function backGo()
{
    window.history.go(-1)
}

Пример

10 комментария

  • Stepantig:

    Уникальная сборка инфы по вопросам Безопасности Бизнеса в РФ.

    vse-o-nallogax-biznesmenu2017.cf

    Вся важная руководителю информация в одном издании.
    УК КоАП статьи и санкции, пояснения и комментарии.
    Отличия проведения проверок и ревизий правоохранительными органами.
    Все детали о милицейских и налоговых проверках.
    Законные алгоритмы противодействия необоснованным притязаниям правоохранительных и контролирующих структур.
    Рекомендаии адвоката по защите интересов руководителя, бизнеса и сотрудников.

  • Pogoomign:

    Тем, у кого увеличенное давление, не нужно повествовать, какие головные боли случается терпеть. Плюс отечность, подчиненность от перемен погоды. Заниматься или обучаться в таком положении – просто кошмар. За избавление от чудища по фамилии «гипертония» позволено дать все на свете.
    Лекарства по рекомендациям не помогают, а медики объясняют – пытайтесь, что-то поможет. Но этот препарат воздействует совершенно на каждого, не зависимо от возраста и веса. У нас его пьет и бабушка, и брат. Действительно действует и помогает! Головушка светлая и не трещит.

  • Richardfip:

    Tenis Polo Ralph Lauren Bogota
    Amazingly, Milk products of Magnesia is a great treatment method to utilize in order to get prevent pimples. The components remove greasy skin, which is among the principal factors behind pimples. Apply a tiny figure to a pure cotton mat, and rub it in your deal with in the clockwise movement. Then, after they have dried up on the face, clean it away.

    When you are looking to market place a product or service, make certain a big percentage of your marketing campaign is concentrated on on the web techniques. Press usage is becoming more and more computerized, and you need to know the significance of website marketing to take care of competitors. This article will reveal to you several ways to further improve your online advertising campaign.

  • Phillipcom:

    Asics Tenis Precio
    Make the posts educational, but tend not to give too much apart. When your content articles contain no helpful details or assistance and so are fundamentally spam, readers will think that your site is similar and will also be less likely to visit. In the other-hand, if your post features an excessive amount of info, viewers may have no reason to visit your website.

    Look at organic and natural generate by incorporating spots if you’re attempting to spend less on the juicing finances. If you use it immediately it won’t spoil, and the retailer will usually discounted it so they don’t need to toss it away. Farmer’s financial markets are an outstanding location to get significantly less-than-excellent develop with an incredible price.

  • limtorrensf:

    すべての limtorrent 投稿者

Добавить комментарий


(обязательно)