Как создать элемент на другой странице?

Question

Как создать элемент на другой странице?

Я очень новичок в JavaScript / jQuery. Я пытаюсь найти способ создать элемент на другой странице (проверьте таблицу).

Функционирование, которое я ищу:

1. Нажмите кнопку «ДОБАВИТЬ РАЗДЕЛ», расположенную на Page_1.html
2. Посетитель будет перенаправлен на новую страницу (Page_2.html), где будет создан новый div

введите описание изображения здесь

function add_section_1() {
    var section_1 = document.createElement('div');
        section_1.className = 'new_section';
        section_1.id = 'section_1';
        document.getElementById('wrapper').appendChild(section_1);
}

Answer 1

Ваш код на Page_1 перестает работать, когда эта страница выгружается, чтобы освободить место для Page_2. ничего Page_1 не может напрямую изменить Page_2 при загрузке.

Что Page_1 может сделать, так это сказать Page_2, что это должен создать div.Это может быть сделано различными способами:

• Установка значения в sessionStorage, которое Page_2 ищет (а затем удаляет).
• Добавление параметра запросана строку запроса при перенаправлении на Page_2 (например, Page_2.html?creatediv=blah), которую Page_2 ищет в location.search (см. location, search).

Возможно, есть и другие, но фундаментальный момент: код Page_1 не может этого сделать, но он может передавать информацию в Page_2, сообщая это , чтобы сделать это.

Answer 2

<div> onclick="storeData1()">Some text</div>

---

function storeData1() {
    sessionStorage.clear();
    sessionStorage.setItem('key_1', 'object_1');
    window.location.href = 'page_2.html';
}

---

if (sessionStorage['key_1']) {
    var object_1 = document.createElement('div');
        object_1.className = 'object';
        object_1.id = sessionStorage.getItem('key_1');
        document.getElementById('preview').appendChild(object_1);
}