как сохранить добавленный элемент html на странице, даже если вы обновляете страницу sh - PullRequest
0 голосов
/ 11 июля 2020

как сохранить добавленный HTML элемент на странице, даже если вы обновили sh страницу? Итак, когда я нажимаю кнопку «Попробовать», создается новая кнопка, но когда я обновляю sh, она исчезает, как я могу решить эту проблему?

function myFunction() {
  var btn = document.createElement("BUTTON");
  btn.innerHTML = "CLICK ME";
  document.body.appendChild(btn);
}
<!DOCTYPE html>
<html>
<body>

<p>Click the button to make a BUTTON element with text.</p>

<button onclick="myFunction()">Try it</button>



</body>
</html>

1 Ответ

0 голосов
/ 11 июля 2020

Насколько я знаю, вы не можете этого сделать, если не используете систему аутентификации (систему входа в систему) или файлы cookie. Поскольку страница, отображаемая браузером, является HTTP-ответом, каждый раз, когда страница запрашивается, он отправляет исходную копию вашего кода. Вот почему вам нужна внешняя / внутренняя система для сохранения состояния, отображаемого или нет, для вашей кнопки.

Я бы сначала предложил подход «готовить ie», потому что он не является обязательным для реализации пользователем система и таблица базы данных только для этого. Это также довольно просто сделать по сравнению с другим подходом, описанным ниже.

Вы можете добавить простую переменную как cook ie и проверить с помощью JavaScript, есть ли она там, из этого вы можете отобразить кнопка или нет, в зависимости от повара ie.

Если вам нужна дополнительная информация о файлах cookie, вот ссылка из W3Schools: https://www.w3schools.com/js/js_cookies.asp

Однако если вы хотите использовать систему входа в систему (в основном работая с сеансами), вам следует добавить строку в свою таблицу пользователей, которая представляет состояние кнопки. Однако я вряд ли рекомендую это, поскольку это сложно реализовать только ради того, что вы пытаетесь сделать. Вы должны сбрасывать его каждый раз, когда пользователь выходит из системы, и делать кучу вещей, которые я не буду использовать go.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...