Сохранение кода страницы после ее изменения JavaScript-ом

@Aleksey94 · Регистрация: 05.04.2015

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста, как можно сохранять html страницу после изменения её javascript-ом.
Например, есть код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<meta charset="utf-8">
<title>Project</title>
<script language="JavaScript">
function action1() {
var str = document.forms[0].textField.value;
var now = new Date();
var time = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
document.getElementById('my-edit').innerHTML= 
  document.getElementById('my-edit').innerHTML + "|"+time+"|" + str + "<br />";  
}
</script><meta charset="utf-8" /> 
</head>
<body>
<form name="test" method="post" action="input1.php">
<input type=text name=textField size=45>
<input type="button" value="Ок" onClick="action1()"> 
<p id="my-edit"></p> 
</form>
</body>
</html>

Нужно, чтобы после перезагрузки страницы, информация не терялась

@arcmag · 25.05.2015, 16:23

Хмм ну вот как вариант...

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<title>бла бла</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</style>
</head>
<script>
window.addEventListener("load",function(){
    if(localStorage.getItem("page")) document.getElementsByTagName("html")[0].innerHTML = localStorage.getItem("page");
     // перезаписываем страницу при загрузке
     
    document.getElementById("btn").addEventListener("click",function(){
        var li = document.createElement("li"); 
        li.innerHTML = "element";
        document.getElementsByClassName("navbar-nav")[0].appendChild(li);
    }); // запиливаем функцию добавления элемента в список ul
    
    window.addEventListener("click",function(){
        localStorage.setItem("page",document.getElementsByTagName("html")[0].innerHTML);
    }); // перезаписываем страницу при каждом клике 
});
</script>
<body>
    <input type="button" id="btn" value='Добавить элемент списка'>
    <ul class="navbar-nav">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</body>
</html>

ну вот в принципе по идеи работать должно, но если почистить кэш то настройки страницы снова обнулятся, так что JS для таких задач не особо годится, эти вещи нужно через PHP делать...

@Aleksey94 · 25.05.2015, 21:32 **[ТС]**

arcmag, спасибо, но мне нужно что-то типа чата, только чтобы тот не удалялся, после того как я обновлю страничку и был виден всем, кто зайдет на страницу, поэтому локальное облако не подойдет.
Как я понимаю нужно где-то хранить этот чат, если изменить html страницу в корне не возможно.
Не подскажите где лучше хранить его(MySQL или еще где-нибудь) и как?

Добавлено через 2 минуты
По возможности не используя PHP, у меня с ним проблемы

@JokerNN · 26.05.2015, 13:43

Если хотите чат - хранить надо не код html, а сообщения чата. Хранить можно где угодно, хоть в переменной на сервере, хоть в файле, но лучше конечно в базе данных (для чата вроде реляционность не особо нужна, можно какое-нить NoSQL хранилище юзать, Redis или MongoDB).
Не используя PHP можно, используя NodeJS, Django, ASP.NET... ещё кучу серверных решений. То что вы хотите сделать без сервера не получится.

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@Aleksey94 0 / 0 / 0 Регистрация: 05.04.2015 Сообщений: 33
	25.05.2015, 21:32 [ТС]
	arcmag, спасибо, но мне нужно что-то типа чата, только чтобы тот не удалялся, после того как я обновлю страничку и был виден всем, кто зайдет на страницу, поэтому локальное облако не подойдет. Как я понимаю нужно где-то хранить этот чат, если изменить html страницу в корне не возможно. Не подскажите где лучше хранить его(MySQL или еще где-нибудь) и как? Добавлено через 2 минуты По возможности не используя PHP, у меня с ним проблемы 0

@JokerNN 134 / 130 / 57 Регистрация: 29.12.2011 Сообщений: 359
	26.05.2015, 13:43
	Если хотите чат - хранить надо не код html, а сообщения чата. Хранить можно где угодно, хоть в переменной на сервере, хоть в файле, но лучше конечно в базе данных (для чата вроде реляционность не особо нужна, можно какое-нить NoSQL хранилище юзать, Redis или MongoDB). Не используя PHP можно, используя NodeJS, Django, ASP.NET... ещё кучу серверных решений. То что вы хотите сделать без сервера не получится. 1