Кнопки навигации вперед, назад, обновить

Исходный код этого примера:

<script>
    function BgButton() {
        if (document.getElementById("content").style.backgroundColor=='rgb(0, 255, 255)')
        {document.getElementById("content").style.backgroundColor='rgb(255, 255, 255)';}
        else{document.getElementById("content").style.backgroundColor='rgb(0, 255, 255)';}}
</script>
<form>
    <p>
        <input type="button" value="&lt;-- НАЗАД" onclick="history.go(-1)"> history.go(-1)
        <input type="button" value="ВПЕРЕД --&gt;" onclick="history.go(1)"> history.go(1)
    </p>
    <p>
       <input type="button" value="&lt;-- НАЗАД" onclick="history.back(-1)"> history.back(-1)
    </p>
    <p>
       <input type="button" value="ЗАГРУЗИТЬ СТРАНИЦУ"
          onclick="parent.location='/java/example.php'"> parent.location=...
    </p>
    <p>
       <input type="button" value="НА ГЛАВНУЮ" onclick="HomeButton()"> location.href=...
        <script>
        function HomeButton() {location.href="https://htmlweb.ru";}
        </script>
    </p>
    <p>
       <input type="button" value="СООБЩЕНИЕ В ОКНЕ ПРЕДУПРЕЖДЕНИЯ" onclick="AlertButton()">
        <script>
        function AlertButton() {window.alert("Сообщение");}
        </script>
    </p>
    <p>
      <input type="button" value="СМЕНА ФОНОВОГО ЦВЕТА" onclick="BgButton()">
    </p>
    <p>
       <input type="button" value="ОТКРЫТИЕ НОВОГО ОКНА" onclick="NewWindow()">
       <script>
        function NewWindow()
        {window.open("index.php","","height=450,width=600,status=no,location=no,toolbar=no,directories=no,menubar=no");}
       </script>
    </p>
</form>