Как обратиться к свойству document другой html страницы?

Question

[Елена]

На одной html странице есть кнопка, через document я могу к ней обратиться, и есть такая же кнопка на другой странице. Как мне обратиться ко второй кнопке находясь на первой странице?

Comments

[Alex]

- Вопрос: Как пользоваться микроскопом?
- <инструкция по настройке микроскопа>
- Мне это не помогло
- А что вы хотите сделать?
- Мне нужно забить гвоздь. Я пытаюсь сделать это микроскопом, но не получается -- он ломается.
- Забивайте гвоздь молотком.

Мораль: Лучше формулируйте свои вопросы.

[Елена]

Alex, ну да))) Это мысли в слух))

[Вадим]

Тут много вводных. Эти страницы открыты одновременно? У этих страниц общий домен? Вам нужны iframe?

[Alex]

Elena0394, Вам нужно синхронизировать какое-то поведение? Или передавать команды из одного интерфейса в другой? Или шарить между ними какую-то инфу?

[Елена]

Вадим, нет, вторая страница открывается при успешном ответе от сервера. У меня возникла сложность, как изменить кнопку. То-есть сейчас кнопка синяя, а когда придет успешный ответ от сервера и загрузится вторая страница, то кнопка была красная

[Ярослав Иванов]

Elena0394, Теперь то стало понятнее (Нет).

[Елена]

Alex, надо изменить текст, цвет кнопки второй страницы, после успешного ответа от сервера. Ответ я получаю на первой и если все окей, то перехожу на вторую

[Вадим]

Elena0394, Как переходите? через js?

[Вадим]

Elena0394, Раз Вы переходите на другую страницу только в случае "если всё окей" почему бы на второй странице сразу не разметить кнопку как успешную?

[Alex]

Elena0394, Что за ответ? Что за кнопки? Это какие-то формы? Вы пытаетесь заблокировать нажатие по одной кнопке если посетитель уже нажимал на другую? Мы не на экзамене, чем точнее и подробнее вы опишете не то что вы пытаетесь сделать а ту проблему которую вы пытаетесь решить, вам же будет лучше.

[Елена]

Вадим, да

[Елена]

Alex, отправляю запрос с первой страницы. В ответе приходит текст и этот текст нужно поместить в кнопку второй страницы

[Alex]

Elena0394, sessionStorage должен подойти -- Как обратиться к свойству document другой html страницы?

[Вадим]

Elena0394, если страницы одного и того же сайта, и у вас не Single Page Application (Vue, React, Angular и тд) то можете сохранить результат запроса в sessionStorage/localStorage и на второй странице добавить обработчик загрузки страницы, в котором проверять storage - если есть данные, то брать их и пропихивать в кнопку. Если нет, то рисовать дефолтную

[Alex]

Вадим, Фух, совмесными усилиями раскрыли эту загадку :)

[Елена]

Alex , Вадим спасибо за помощь)

[Вадим]

Alex, задавать вопросы - это тоже искусство)

Answer 1

[dollar]

Под страницами вы подразумеваете вкладки одного браузера?

Если обе страницы на одном сайте, то это возможно через сообщения, localStorage, воркеры и т.д.
Иначе придётся их подружить.

В крайнем случае - написать и потом использовать своё браузерное расширение, выдав ему права на доступ к данным любых вкладок.

Comments

[Елена]

dollar отправляю запрос с первой страницы, когда ответ приходит успешным, то перехожу на вторую, но мне нужно изменить текст и цвет кнопки на второй страницы. Текст приходит в ответе с сервера, в этом для меня сложность возникла

[dollar]

Elena0394, вот первое, что нагуглил по-быстрому. Изучайте, выбирайте. Сюда перепечатывать всю инфу не вижу смысла.

[Елена]

dollar, спасибо, сейчас буду читать)

Answer 2

[Владимир]

Если ты вкладку открываешь через window.open
Чтобы с чайлда до парента
https://developer.mozilla.org/en-US/docs/Web/API/W...

Чтобы с парента достучаться до чайлда
https://developer.mozilla.org/en-US/docs/Web/API/W...