Как сделать переход с заданным title

144

30 марта 2019, 20:10

На странице нужна форма ввода текста и кнопка "Перейти". После ввода текста в форму и нажатия кнопки должна открыться страница с title заданным форме. Нужно именно так, чтобы открывалась новая страница, а не просто менялся title.

Answer 1

Передавай отдельно в GET нужный title и на второй странице его считывай.

Функция на JS, которая возвращает нужный GET-параметр:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
          tmp = item.split("=");
          if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

Допустим, ты передаёшь так: index.html?new_title=newpage. И тогда

var new_page_title = findGetParameter('new_title');
document.title = new_page_title;

Всё. Проверки добавить по вкусу.

Первый файл (где форма):

<html>
    <body>
        <form action="proc.html" method="GET">
            <input type="text" name="new_title" />
            <input type="submit" value="Отправить">
        </form>
    </body>
</html>

Второй файл (где меняется заголовок):

<html>
    <head>
        <title>Первоначальный заголовок (ты его не должен увидеть)</title>
    </head>
    <body>
        <script>
            function findGetParameter(parameterName) {
                var result = null,
                    tmp = [];
                location.search
                    .substr(1)
                    .split("&")
                    .forEach(function (item) {
                      tmp = item.split("=");
                      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
                    });
                return result;
            }
            var new_page_title = findGetParameter('new_title');
            document.title = new_page_title;
        </script>
        вторая страница с изменяемым заголовком
    </body>
</html>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Подсветка div при наведении

157

HTML

Как реализовать снег на кнопке

Как реализовать снег на кнопке средствами css?

163

jQuery

Проблемы с плагином onepage-scroll

Решил попробовать по страничную прокрутку (если её так можно назвать) приглянулся плагин onepage-scroll следовал примеру на официальном сайте не получилось,...

185

jQuery

jquery click не работает

Почему автоматически не срабатывает ссылка?

145