html5 팝업창 예제

onLoad의 명령은 문서 로드가 완료되면 실행됩니다. 이전 예제와 마찬가지로 명령은 popup()을 실행하지만 이번에는 popup()에 대한 첫 번째 인수가 약간 다릅니다. 이전 예제에서는 링크 자체를 의미하는 이 것을 넣었으며 스크립트는 링크에서 URL을 얻었습니다. 이 경우 링크가 없으므로 실제 URL을 열어 전달합니다. 그래서 우리의 예에서 우리는 `autopopup.html`을 넣어. 팝업 테마에 대한 다음 변형을 위해 양식에서 팝업을 엽니 다. 이 예제에서는 스크립트를 변경합니다. 다음 스크립트는 양식에서 팝업을 열도록 사용자 지정되었습니다. 스크립트가 현재 어떻게 작동하는지에 대한 자세한 내용은 살펴보겠습니다. 이 스크립트에 대한 피투성이 세부 정보는 후드 아래: 양식 스크립트의 팝업을 참조하십시오. 이 모달 창은 사용자가 상위 응용 프로그램을 계속 사용하기 전에 상호 작용해야 하는 자식 창입니다. 모달 창은 가장 일반적으로 사용되는 사용자 인터페이스 중 하나이며 중요한 정보를 전달하거나 오류 또는 경고를 경고하기 위해 명령의 사용자 인식에 사용됩니다. 기본적으로 사용자는 팝업의 크기를 조정할 수 없습니다.

이것은 일반적으로 문제가되지 않습니다 … 대부분의 팝업에는 작은 메모 나 광고가 포함되어 있습니다. 그러나 팝업에 많은 정보가 포함되어 있는 경우 사용자가 창을 더 편리한 것으로 크기를 조정할 수 있는 좋은 터치입니다. open() 명령에서 조정 가능한 속성을 예로 설정하여 팝업을 조정 가능으로 설정합니다. 예를 들어 팝업 스크립트의 이 명령은 큰 규모의 팝업을 엽니다. DHTML 팝업 창은 window.open () 기능 자바 스크립트로 만든 일반 팝업에 대한 대안입니다 메인 창으로 다시 대상으로 팝업 창에 링크를 만들려면, 먼저 팝업 페이지의이 자바 스크립트를 넣어 : 기능 팝업 (mylink, 창 이름){if ( ! window.focus)true를 반환합니다. 바 href; if (typeof (mylink)==`문자열`) href=mylink; 기타 href=mylink.href; window.open(href, 창 이름, `너비=400,높이=200,스크롤막대=예`); 거짓 반환;} 함수 팝업 폼 (myform, 창 이름){if (! window.focus)가 true를 반환합니다. 8호선에서는 링크 클릭을 취소하기 위해 false를 반환합니다. false를 반환하지 않으면 링크가 현재 창을 팝업의 URL로 이동합니다.