> 웹 프론트엔드 > JS 튜토리얼 > Javascript 튜토리얼: PopUp 객체에 대해 자세히 알아보기

Javascript 튜토리얼: PopUp 객체에 대해 자세히 알아보기

黄舟
풀어 주다: 2016-12-15 10:53:03
원래의
2257명이 탐색했습니다.

Javascript 튜토리얼: PopUp 객체 심층 연구

회사에서 오피스 시스템에 프롬프트 기능을 추가해달라고 오랫동안 연구했고 window.open을 사용했습니다. 정기적으로 프롬프트를 하려고 했는데 작동이 안되네요. 얼마 지나지 않아 고객께서 팝업창이 너무 복잡하다고 하셔서 CreatePopup()을 사용하려고 했으나 사무실이기 때문에 문제가 생겼습니다. 시스템에서는 Netscape 브라우저가 아닌 호환성 문제를 고려해야 합니다. IE 5.0 및 IE 5.5의 문제는 CreatePopup 메서드를 지원하지 않으며 Window.open을 통해서만 시뮬레이션할 수 있습니다. 브라우저 버전을 사용하여 프롬프트 상자의 두 가지 구현 방법을 작성했습니다. 프롬프트 상자의 효과는 MSN과 동일하지만 IE 5.0에서는 CreatePopup() 대신 window.open이 사용됩니다. 🎜>

window.open의 MSN 프롬프트 상자 효과는 IE 5.0 버전 미만이어야 합니다.

알겠습니다. 말도 안 되는 소리니, 팝업 개체를 연구해 보겠습니다

팝업 개체는 테두리 없는 창입니다. 제어하려면 JavaScript를 통해 창의 위치를 ​​제어할 수 있으며, 그 뒤에 내용이 표시 범위를 초과하는 경우에도 작성할 수 있습니다. 크기가 고정되어 있어 스크롤바가 나타나지 않습니다. 사용자가 바깥쪽을 클릭하면 자동으로 사라집니다. 부모 속성을 사용하여 열리는 창에 액세스합니다.

1. 🎜>팝업 개체 만들기;

var popupobj=window.createPopup()

팝업 창을 만든 문서에서 팝업 개체의 속성 및 메서드에 액세스합니다.

popupobj.property | 메소드([매개변수])

2. Properties

document

popupobject.document

이 속성은 스크립트를 생성하는 유일한 방법입니다. 예를 들어

popobj.document.body.style.border=”solid 1px #000000″을 제공할 수 있습니다. 팝업 창은 일반 테두리로 설정됩니다.

isOpen

popupobject.isOpen

반환값: Boolean


팝업 창이 표시되면 isOpen은 True를 반환하고, 그렇지 않으면 False를 반환합니다.

3. >

hide()

popupobject.hide()

팁, 팝업 창을 닫는 버튼을 추가하려면 다음과 같이 하면 됩니다. 위쪽 창은 popobj이고, parent.popobj.hide()를 사용하여 자체를 닫습니다.


show(left,top,width,height[,positioningElementRef])

기본값은 왼쪽, 위쪽은 0입니다. 는 모니터에 표시되는 영역의 좌표이고, 너비와 높이는 창의 너비와 높이입니다.

위는 Javascript 튜토리얼: PopUp 객체의 내용에 대한 심층 연구입니다. 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿