자바스크립트 브라우저 windows_javascript 기술 간에 데이터를 전송하는 방법

이 기사의 예에서는 JavaScript 브라우저 창 간에 데이터를 전송하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

요약:

프로젝트 개발 중에 팝업창이 자주 나타나는데, 어떤 사람은 팝업창 효과를 시뮬레이션하기 위해 div를 사용하고, 어떤 사람은 iframe을 사용하고, 어떤 사람은 창과 함께 제공되는 열기 기능을 통해 새 창을 엽니다. 오늘 제가 여러분과 공유할 것은 window.open() 함수를 통해 데이터 상호작용을 위한 페이지를 여는 마지막 방법입니다. 먼저 렌더링을 살펴보세요.

원칙:

부모 창은 url 매개변수를 통해 자식 창에 데이터를 전달하고, 자식 창은 부모 창의 전역 기능을 통해 부모 창에 데이터를 전달합니다.

코드:
index.html은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

문서

버튼

         var test = document.getElementById('test');
          test.onclick = function() {
window.open('./window.html?param1=name¶m2=password', '_blank','width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no ,스크롤바=예, 크기 조정 가능=예');
        };
          window.getContent = function(tx) {
                document.getElementById('content').innerText = tx;
}