javascript - 한 페이지 버튼을 클릭하면 다른 페이지에 텍스트가 표시됩니다.

Question

한 페이지에서 버튼을 클릭한 다음 다른 페이지의 p 요소에 텍스트를 표시하고 싶습니다. 두 페이지 모두 js를 가져오려면 어떻게 해야 하나요?

Answer 1

설명에 따르면 통신은 동일한 도메인(동일한 프로토콜, 호스트 이름, 포트)에 있는 두 웹페이지 간에 이루어져야 합니다. 이 경우 h5의 localStorage를 통해 이루어질 수 있습니다. 서버를 거치지 않아도 됩니다.

1. 페이지 a의 버튼을 클릭하면 새로운 localStorage 값 쌍을 설정합니다.

으아악

2.b페이지의 창 저장 이벤트를 듣습니다. 이 이벤트가 트리거되면 저장된 데이터가 변경되었음을 의미합니다. 이벤트 객체의 키 속성은 변경된 키 값을 결정하는 데 사용됩니다. 우리가 설정한 setText인 경우 $("#out에 대한 내용을 설정할 수 있습니다. ").

으아악

페이지 b는 저장 이벤트를 수신하기 때문에 페이지를 새로 고친 후에도 페이지 a를 클릭했을 때 설정된 setText 값이 여전히 원래 값인 경우 이 이벤트는 발생하지 않습니다. 페이지 b를 새로 고친 후에도 이 요소가 방금 설정된 값을 계속 표시하도록 하려면 페이지 b에 판단도 추가해야 합니다.

으아악

질문이 있으시면 토론해 보시기 바랍니다.

Answer 2

iframe인 경우 postMessage를 사용하세요

두 개의 별도 웹 페이지가 있는 경우 서버 측에서 전달을 수행해야 합니다. 페이지 A는 데이터를 보내고 서버는 이를 데이터베이스에 저장합니다. 데이터가 변경되었는지 확인하고 데이터를 업데이트합니다. 변화가 있어요

Answer 3

postMessage

Answer 4

니즈가 무엇인지는 모르겠지만 질문자님께서 필요하신건 웹삭이라고 과감히 추측해봤습니다