>  기사  >  포스트 메시지 사용 방법

포스트 메시지 사용 방법

小老鼠
小老鼠원래의
2023-11-27 10:38:362268검색

postMessage 메소드의 기본 사용법: 1. 메시지를 보내려는 창이나 탭에서 postMessage 메소드를 사용하여 대상 창으로 메시지를 보냅니다. 이는 전송할 메시지 개체와 대상 창의 식별자(선택 사항)라는 두 가지 매개 변수를 허용합니다. 2. 대상 창에서 addEventListener 메서드를 사용하여 다른 창에서 메시지를 수신하는 메시지 이벤트를 수신합니다.

포스트 메시지 사용 방법

postMessage는 브라우저 창 간에 메시지를 전달하는 JavaScript 방법입니다. 동일한 도메인 이름이나 포트에 바인딩하지 않고도 열려 있는 브라우저 창이나 탭 간에 메시지를 보낼 수 있습니다.

postMessage 메소드의 기본 사용법은 다음과 같습니다.

1. 메시지를 보내려는 창이나 탭에서 postMessage 메소드를 사용하여 대상 창으로 메시지를 보냅니다. 이는 전송될 메시지 개체와 대상 창의 선택적 식별자라는 두 가지 매개 변수를 허용합니다.

// 发送消息到目标窗口  
var message = { key1: "value1", key2: "value2" };  
var targetWindow = window.open("https://example.com");  
targetWindow.postMessage(message, "*");

위 예에서는 키-값 쌍이 포함된 메시지 개체를 만들고 window.open을 통해 새 창을 열었습니다. 그런 다음 postMessage 메소드를 사용하여 메시지를 새 창으로 보냅니다.

2. 대상 창에서 addEventListener 메서드를 사용하여 메시지 이벤트를 수신하여 다른 창에서 메시지를 받을 수 있습니다.

// 在目标窗口中监听消息事件  
window.addEventListener("message", function(event) {  
  // 接收并处理发送过来的消息  
  var receivedMessage = event.data;  
  console.log("Received message: ", receivedMessage);  
});

위의 예에서는 addEventListener 메서드를 사용하여 이벤트 리스너를 추가했습니다. 이 메서드는 다른 창에서 메시지가 수신될 때 이벤트를 트리거합니다. 이벤트 핸들러에서 event.data에 액세스하여 전송된 메시지 객체를 가져올 수 있습니다.

postMessage 방법의 보안은 매우 중요합니다. 잠재적인 보안 위험을 방지하기 위해 메시지를 보낼 때 와일드카드 "*"를 사용하는 대신 확인 도메인 이름(즉, 수신 창이 위치한 도메인 이름)을 지정하는 것이 좋습니다. 또한 대상 창은 메시지의 출처를 확인하여 메시지가 신뢰할 수 있는 소스에서 왔는지 확인해야 합니다.

위 내용은 포스트 메시지 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:Embed 태그 사용법다음 기사:Embed 태그 사용법