Blog

2 August 2019

html 팝업창 예제

이 팝업 창 생성기 스크립트를 사용하면 팝업 창을 조정할 수 있는지 여부와 함께 팝업 창 크기와 모양을 제어할 수 있습니다. 팝업을 열려면 사용자에게 팝업에 대해 알리는 것이 좋습니다. 링크 또는 버튼 근처의 “열기 창” 아이콘을 사용하면 방문자가 포커스 이동에서 살아남고 두 창을 모두 염두에 둘 수 있습니다. 여기서 대부분의 “창 기능”은 비활성화되고 창은 화면 밖으로 배치됩니다. 그것을 실행하고 정말 무슨 일이 일어나는지 참조하십시오. 대부분의 브라우저는 제로 너비 / 높이 와 오프 스크린 왼쪽 / 상단과 같은 이상한 것들을 “수정”. 예를 들어 Chrome은 전체 너비/높이가 있는 창을 열어 전체 화면을 차지합니다. 태그에서 TARGET=”_blank”를 사용할 수 있지만 이전 태그를 완전히 가리는 새 브라우저 창이 열립니다. 이것은 당신이 원하는 것일 수 있지만, 다른 시간에 큰 브라우저 창의 중앙에있는 작은 창이 훨씬 낫다. 이 작은 창은 일반적으로 팝업으로 알려져 있다. HTML 및 JavaScript를 사용하여 사용자가 주제의 특정 단어, 구 또는 그래픽을 클릭할 때 나타나는 팝업 창을 만들 수 있습니다.

이 예제는 JavaScript 창 open() 메서드를 기반으로 합니다. 웹 사이트에 작은 코드 조각을 포함하고 고유한 링크를 만들면 새 창에서 열리는 링크의 정확한 픽셀 크기를 완벽하게 제어할 수 있습니다. 팝업을 여는 구문은 window.open(url, 이름, 매개 변수): 이동/크기 조정 메서드가 최대화/최소화된 창에 대해 작동하지 않습니다. 사용자가 창 밖으로 전환하려고 하면(흐림) 다시 초점을 맞춥니다. 의도는 창 내에서 사용자를 “잠급”하는 것입니다. 예를 들어 모바일 브라우저는 일반적으로 해당 호출을 완전히 무시합니다. 또한 새 창이 아닌 별도의 탭에서 팝업이 열릴 때 포커스가 작동하지 않습니다. 또한 팝업은 여러 창을 동시에 표시하지 않는 모바일 장치에서 까다롭습니다.

팝업 창역할을 하려는 개체에 대한 링크를 추가합니다. 위치 표시줄 또는 주소 표시줄은 URL이 창 상단에 표시되는 곳입니다. 기본적으로 팝업에는 위치 표시줄이 없습니다. open() 명령에서 위치 표시줄 설정 위치를 예로 들도록 팝업을 구성합니다. 팝업 테마에 대한 다음 변형을 위해 양식에서 팝업을 엽니 다. 이 예제에서는 스크립트를 변경합니다. 다음 스크립트는 양식에서 팝업을 열도록 사용자 지정되었습니다.

Bize Ulaşın