front_javascript 스킬에 js 팝업창이 뜨게 하는 방법

구체적인 단계:

방법 1: 팝업 창에 코드 추가 : onblur="self.focus()":

방법 2: showModalDialog 메서드를 사용하여 모달 대화 상자를 만듭니다. 해당 매개 변수 설명은 표 1.5.2에 나와 있습니다.

모달 창 열기


방법 3: showModelessDialog 메서드를 사용하여 모달리스 대화 상자를 만듭니다. 모달 대화상자와 동일하며, 표 1.5.2를 참조하시면 됩니다.

모덜리스 창 열기
참고:

모달 대화 상자는 항상 포커스를 유지합니다. 대화 상자를 닫지 않으면 창을 전환할 수 없습니다. 모덜리스 대화 상자는 항상 포커스를 유지하지는 않지만 항상 맨 위에 유지됩니다.
특별 참고 사항

이 예제는 주로 모달 대화 상자와 모덜리스 대화 상자를 적용한 것입니다. 두 대화 상자의 유사점과 차이점에 주의해야 합니다.
표 1.5.2 showModalDialog 메소드의 매개변수 목록
매개변수 값 설명

sURL이 필수입니다. 끈. 로드하고 표시할 URL을 지정합니다.
vArguments는 선택사항입니다. 끈. 문서를 표시할 때 사용할 변수를 지정합니다. 여러 값을 포함하는 배열을 포함하여 모든 유형의 값이 이 매개변수를 사용하여 전달될 수 있습니다. 대화 상자는 프로그램을 호출하여 창 개체의 대화 상자 인수 속성에서 이러한 값을 추출할 수 있습니다. 기능은 선택사항입니다. 끈. 대화 상자의 창 장식을 지정합니다. 아래 값을 사용하십시오. 여러 항목을 세미콜론으로 구분하세요.
dialogHeight: sHeight는 대화 상자의 높이를 설정합니다.
dialogLeft: sXPos는 바탕 화면을 기준으로 대화 상자 왼쪽 위 모서리의 가로 좌표를 설정합니다.
dialogTop: sYPos는 바탕 화면을 기준으로 대화 상자 왼쪽 위 모서리의 수직 좌표를 설정합니다.
dialogWidth: sWidth는 대화 상자의 너비를 설정합니다.
center : yes | no | 1 | 0 | off는 대화 상자를 바탕 화면 중앙에 표시할지 여부를 지정합니다. 기본값은 yes 입니다.
dialogHide : yes | no| 1 | 0 | off는 인쇄 또는 인쇄 미리보기 시 대화 상자를 숨길지 여부를 지정합니다. 이 매개변수는 신뢰할 수 있는 프로그램에서 대화 상자를 열 때만 사용할 수 있습니다. 기본값은 no 입니다.
edge : sunken | raise는 대화 상자 창 테두리 스타일이 움푹 들어가거나 솟아오르는지 여부를 지정합니다. 기본값은 증가됩니다.
help : yes | no | 1 | 0 | off 대화 상자에 상황에 맞는 도움말 아이콘이 표시되는지 여부를 지정합니다. 기본값은 yes 입니다.
resizing : yes | no | 1 | on | off는 사용자가 대화 상자의 크기를 조정할 수 있는지 여부를 지정합니다. 기본값은 no 입니다.
scroll : yes | no | 0 | off | 대화 상자에 스크롤 막대가 표시되는지 여부를 지정합니다. 기본값은 yes 입니다.
status :<script><BR> function topwin(){<BR> window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script> yes | no | 0 | off | 대화 상자에 상태 표시줄이 표시되는지 여부를 지정합니다. 신뢰할 수 없는 대화 상자의 기본값은 yes 입니다. 신뢰할 수 있는 대화 상자의 기본값은 no 입니다. <script><BR> function topwin(){<BR> window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")<BR> }<BR></script>unadorned : yes | no | 1 | 0 | off는 대화 상자에 크롬 스타일 테두리가 표시되는지 여부를 지정합니다. 이 매개변수는 신뢰할 수 있는 프로그램에서 대화 상자를 열 때만 사용할 수 있습니다. 기본값은 no 입니다.