html 팝업창 예제

Off
Non classé

위치 표시줄 또는 주소 표시줄은 URL이 창 상단에 표시되는 곳입니다. 기본적으로 팝업에는 위치 표시줄이 없습니다. open() 명령에서 위치 표시줄 설정 위치를 예로 들도록 팝업을 구성합니다. 이 스크립트는 대부분의 다른 예제에서 사용한 스크립트와 약간 다릅니다. 주요 차이점은 링크가 있는 경우 링크의 URL이 있는 팝업을 연 다음 onClick 이벤트를 취소한다는 것입니다. 폼을 사용하면 빈 팝업을 열고 팝업에서 양식을 대상으로 지정하며 onSubmit 이벤트를 취소하지 않습니다. 이론적으로 창에 초점을 맞추려면 window.focus() 및 window.blur() 메서드가 있습니다. 또한 창을 집중하고 방문자가 다른 곳으로 전환하는 순간을 포착 할 수있는 초점 / 흐림 이벤트가 있습니다. 링크의 대부분은 평소와 같이. 연결되는 페이지의 URL은 HREF 특성에 있습니다. onClick이라는 추가 특성이 추가되었습니다. 코드를 링크에 있는 것처럼 복사하고 약간의 수정만으로 복사합니다.

popup() – `노트`의 두 번째 인수는 팝업 창의 이름을 나타냅니다. 모든 팝업 창에는 고유한 이름이 있어야 합니다. 이름을 따옴표(« )에 넣어야 합니다. 따라서 팝업 `stevie`의 이름을 지정하려면 코드입니다 : 디렉토리 막대는 좋아하는 웹 사이트에 대한 버튼 세트를 보유하고 있습니다. 기본적으로 디렉터리 막대는 팝업 창에 없습니다. 디렉토리 막대설정 디렉토리를 예로 들어 팝업을 설정합니다. 줄 3은 window.focus 메서드의 존재에 대한 테스트를 합니다. window.focus는 이미 열려 있었음에도 불구하고 매번 팝업을 전면에 가져오는 방법입니다. 일부 이전 브라우저에는 window.focus가 없습니다. window.focus 후에는 함수를 실행하지 않고 함수의 존재에 대해 테스트하기 때문에 괄호가 없습니다. Netscape에서만 인식되는 개념인 « 종속 » 팝업은 오프너 창이 닫히면 팝업이 닫힙닫는다는 것을 의미합니다. open() 명령에서 종속 속성을 예로 설정하여 팝업을 종속합니다.

예를 들어 팝업 스크립트의 다음 명령은 종속 팝업을 만듭니다. Netscape를 사용하는 경우 팝업을 연 다음 이 창을 닫습니다. 나는 페이지의 하단에 팝업 창에 대한 현재 크로스 브라우저 지원에 대한 몇 가지 관찰을 추가했습니다. 자바 스크립트는 창을 최소화하거나 최대화 할 수있는 방법이 없습니다. 이러한 OS 수준 함수는 Frontend 개발자에게 숨겨져 있습니다. 팝업은 window.opener 참조를 사용하여 « 오프너 » 창에 액세스할 수 있습니다. 팝업을 제외한 모든 창에 대해 null입니다. 왼쪽 및 위쪽 속성은 화면에서 팝업의 위치를 설정합니다.

왼쪽을 넣지 않고 상단에 브라우저가 원하는 곳에 팝업을 놓습니다. 예를 들어 팝업 스크립트의 이 명령은 화면 왼쪽에서 왼쪽에 팝업을 두고 맨 위에서 위로 나타납니다.

Comments are closed.