Сохранение кода страницы после ее изменения 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... ещё кучу серверных решений. То что вы хотите сделать без сервера не получится.

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .

@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