완벽한 팝업

키 테이크 아웃

팝업 윈도우는 올바르게 구현되면 효과적이고 비 침습적으로 사용할 수 있습니다. 일반적인 결함은 스크립팅, 검색 엔진, 접근성, 사이트 관리 도구, 팝업 킬러 및 팝업이 열리는 것을 막기위한 옵션과 관련된 문제가 포함됩니다. 완벽한 팝업을 만들려면 일반적으로 공유되는 JavaScript 코드에 배치 할 수있는 함수를 사용하는 것을 고려하십시오. 이 기능은 사이트의 어느 곳에서나 쉽게 호출 할 수 있으며 매번 Window.open 기능을 작성하는 것보다 바람직합니다. 함수는 초점 측면을 처리하고, 팝업 상태를 평가하고, 팝업 창을 닫고, 새로운 차원으로 다시 열어야합니다. 팝업 창 자체에 링크 또는 버튼을 제공하여 사용자가 닫을 수 있도록하는 것이 중요합니다. 그러나 사용자가 스크립팅을 비활성화 한 경우 '이 창을 닫으십시오'링크는 javaScript를 사용하여 웹 페이지에 웹 페이지에 작성해야하며 Window.open () 메소드의 일부로 창이 열렸는지 확인해야합니다. 실제 팝업 인 경우 링크가 나타나고 Close () 메소드가 작동합니다. 실제 팝업 창이 아닌 경우 링크가 나타나지 않습니다.

Jakob Neilsen과 그의 지지자들을 좋아한다고 믿는다면 팝업 창보다 더 악한 것은 없습니다. 그리고 여러면에서 이것은 정확합니다. 왜? 글쎄, 우리는 곧 이유를 나열 할 것입니다. 그러나 간단히 말해서 거의 항상 구현되지 않았거나 단순히 필요하지 않기 때문입니다. 이 튜토리얼은 올바른 생각으로 팝업 창을 다른 사람, 특히 사이트를 탐색하는 사람을 화나게하지 않고 사용할 수 있음을 보여줍니다. 팝업 문제 팝업 창이있는 일반적인 결함은 다음과 같습니다
스크립팅이 비활성화되어 있거나 브라우저가 JavaScript를 지원하지 않으면 팝업이 작동하지 않습니다. 검색 엔진은 팝업 윈도우에 대한 링크를 따를 수 없습니다 (스크립트 요소는 항상 무시됩니다)
• 팝업은 접근성 문제를 제시합니다 사이트 관리 도구 (예 : DreamWeaver)는 대상 페이지를 사이트의 다른 섹션으로 이동하면 팝업 링크를 업데이트 할 수 없습니다.
많은 사람들이 팝업 살인범이 열려있는 순간 창문을 닫습니다.
• Mozilla에는 처음에 팝업을 멈출 수있는 옵션이 있습니다.

PHEW. 그것은 꽤 목록입니다. 그리고 아마도 당신은 아마도이 목록에 자신의 것을 추가 할 수 있습니다. 그래서 우리는 이것들을 어떻게 해결합니까?

스크립팅 비활성화 스크립팅이 비활성화 된 상태에서 팝업은 아무것도하지 않습니다. 그렇게 간단합니다. 그러나 표준 를 사용했다면 그러한 문제는 없습니다. 따라서 사용하는 대신 :

<:> 당신은 사용할 수 있습니다 :

이 방법으로 스크립팅이 비활성화되어 있다면 표준 링크가 여전히 작동합니다.

그러나 그러나 아마도 현재 창 위에 창이 열리기를 원하는 이유가있을 것입니다. 그렇다면 다음과 같은 대상 속성을 추가하십시오

<a href="#" onclick="window.open('file.htm');"> 

<.> 빙고. 문제가 해결되었습니다. 그러나 우리는 이것에 더 많은 것을 할 수 있습니다!

검색 엔진 위의 수정 된 코드를 사용하면 검색 엔진이 표준 HREF를 따라야하므로 또 다른 문제가 문제 목록에서 벗어났습니다. 접근성 문제 팝업의 가장 큰 결함은 기본 브라우저 창에서 초점을 둔다는 것입니다. 이는 당황 할 수 있습니다. 또한 접근성 외에도 일반적인 유용성 문제를 제시합니다. 누군가가 팝업을 시작한 다음 실수로 런처 창을 다시 클릭 한 후 아무 일도 일어나지 않았다고 생각하면 결과없이 링크를 다시 클릭하는 것을 얼마나 자주 보았습니까? 물론 창이 열렸지만 이제는 런처 창 아래에 있으며 작업 바로 내려 가서 창을 선택하면이 문제가 해결됩니다.

. 트릭은 사용자에게 링크가 새 창에서 열릴 것이라고 알려주는 것입니다. 이 문제를 해결하는 방법에는 여러 가지가 있습니다

링크 자체의 일부로 지침을 포함시킵니다

제목 속성에 약간의 명령을 추가하십시오 팝업을 의미하기 위해 적절한 아이콘을 사용하여 임박했습니다.

이런 식으로 초점이 손실되면 사용자가 연결할 수 있습니다. 내 테스트 페이지를 엽니 다 (팝업 창에서 열린다) 내 테스트 페이지를 엽니 다 메인 창에서 초점을 잃는 문제를 해결하려면 JavaScript를 사용하여 초점을 다시 설정할 수 있습니다. 이 기사의 끝에 제안 된 스크립트가 나타납니다.

사이트 링크 관리 도구

DreamWeaver 또는 컨텐츠 관리 시스템과 같은 도구를 사용하여 페이지를 이동하는 습관이 있다면 링크가 유지되기를 바랍니다. 표준 HREF를 사용하면 일반적으로 사용하는 도구에 따라 다르지만 JavaScript는 거의 없습니다. 잠시 동안 코드로 돌아갑니다 :

위의 링크는 꽤 멋지게 유지 될 것입니다. 그것의 절반은 - href 부분입니다. 그러나 onclick 부분은 아마 무시 될 것입니다. 이것은 큰 문제입니다. 링크가 업데이트되었다고 생각할 수도 있지만 실제로 JavaScript를 활성화 한 사람들은 누락 된 페이지로 전송됩니다. 따라서 코드가 변경 될 수 있습니다.
그리고 시작 페이지에서 링크 유효성 검사기를 실행하려면 링크가 실제로 유효한 것으로 보입니다. 그렇다면이 문제를 어떻게 해결합니까? 그렇게 :

유지 관리 링크는 단 하나 뿐이며 Window.open 메소드에는 올바른 HREF가 사용됩니다. 우수한 - 이제 우리는 어딘가에 도착하고 있습니다!
• 팝업 킬러/모질라 팝업 비활성화 JavaScript 문제가 비활성화되는 것과 마찬가지로 표준 HREF를 제공한다는 것은 링크가 여전히 작동 함을 의미합니다. 이제 우리는 어떤 창이 초점을 둔 문제를 해결하면됩니다…
완벽한 팝업 스크립트 우리는 일반적으로 공유 된 JavaScript 코드 (이 사이트에서 수행 한 것처럼)에 배치 할 수 있고 사이트의 어느 곳에서나 쉽게 호출 할 수있는 함수를 사용하는 것이 좋습니다. 이것은 Window를 중단하는 것보다 훨씬 바람직합니다. 매번 OPEN 기능. URL 외에도 높이와 너비와 같은 매개 변수와 선택할 팝업 스타일 유형 (어떤 스타일을 정의하는 스타일)를 포함 할 수 있습니다. 다음은 추천 코드입니다 <h5> <in> 함수의 추가 코드는 초점 측면을 처리합니다. 이 기능을 호출하는 링크를 클릭하면 팝업이 숨겨 지도록 페이지를 다시 클릭 한 다음 다른 팝업 링크를 클릭하면 코드가 팝업 상태를 평가 한 다음 팝업 창을 닫고 새 치수로 다시 개입합니다. </in> </h5> <function function> 함수를 호출하려면 다음 코드를 사용합니다. <p> <use> 또는 실제 예제를 사용하려면 : </use></p> 이것 팝업 링크 (콘솔 모드) 입니다 이것 내 팝업 (고정 모드) 입니다 이것 내 (탄성 모드) <p> 입니다 참고 : '거짓'부분은 HREF의 기본 동작을 효과적으로 취소하므로 팝업과 일반적인 HTML Windows가 열리지 않습니다. JavaScript가 있거나없는 위의 링크를 직접 볼 수 있습니다. </p> <you> 무엇을 더 요청할 수 있습니까? 글쎄…이 케이크에 마지막으로 착빙이 하나 있습니다. <pop> 팝업을 닫습니다 <pre class="brush:php;toolbar:false">&lt;a href=&quot;#&quot; onclick=&quot;window.open('file.htm');&quot;&gt; </pre> 팝업이 열리면 사람들에게 의존하여 브라우저/운영 체제 컨트롤을 사용하여 새로 열린 창을 닫을 수 있습니다. <p> </p> 그러나 사람들은 항상 이것을하는 것은 아닙니다! 따라서 팝업 창 자체에 링크 (또는 원하는 경우)를 제공하여 사용자가 닫을 수 있도록해야합니다. 그러나 사용자가 스크립팅을 비활성화했으며 표준 HREF 경로를 통해 팝업 창이 열렸다고 가정 해 봅시다. 신중하게 제공 한‘이 창 클로즈’링크는 다음과 같은 친근한 대화를 자극 할 것입니다. <p> </p> 이 문제를 해결하려면 javaScript를 사용하여 웹 페이지에 가까운 링크를 작성하고 Window.Open () 메소드의 일부로 창이 열리는 지 확인해야합니다. 이렇게하면 실제 팝업 인 경우 링크가 나타나고 Close () 메소드가 작동합니다. 실제 팝업 창이 아닌 경우 링크가 나타나지 않습니다. <pre class="brush:php;toolbar:false">&lt;a href=&quot;file.htm&quot; onclick=&quot;window.open('file.htm');return false;&quot;&gt;</pre> <code> 다음은 다음을 수행하는 코드입니다 <p> <again> 링크를 다시 시도하고 직접 참조하십시오 : </again></p> <p> 이것 내 팝업 (고정 모드) <br> 입니다 <br> 결론 <tut>이 튜토리얼은 팝업 링크에 액세스 할 수 있고 검색 엔진 친화적이며 비 침습적이라는 것을 보여주기를 바랍니다. 그러나이 모든 조언을 따르더라도 여전히 새 창을 열어야하는지 스스로에게 물어봐야합니다. <br>.<to> 주목해야 할 마지막 포인트 중 하나는 팝업이 사람들이 사용하기 위해 옵트 인을 사용하는 것이기 때문에 Window.Onload 또는 Window.Onload 이벤트를 사용하여 사용자의 팝업 창을 강제로 사용하지 마십시오. X10 카메라를 사거나 '세계 최대의 온라인 카지노'를 방문하고 싶지만 몰랐다는 한 항상 사람들로부터 도대체 짜증이납니다.</to></tut></p>

위 내용은 완벽한 팝업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!