팝업 창을 열기위한 JS 코드 스 니펫

팝업 창을 열기 위해 일부 JavaScript 코드 스 니펫 만 특별한 것은 없습니다.

JavaScript 팝업 Windows에 대한 자주 질문을 자주 묻습니다 JavaScript를 사용하여 팝업 창을 만드는 방법?

<span>W = window,
</span>    <span>D = document;
</span>
    <span>//set the window to widgets dimensions
</span>    <span>var winH = 400, //allow for window padding and header
</span>        winW <span>= 400,
</span>        winT <span>= 400,
</span>        winL <span>= 400;
</span>
    <span>//set the content
</span>    <span>var windowName = 'Widget', // should not include space for IE
</span>        path <span>= W.location.path,
</span>        windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH,
</span>        that <span>= this;
</span>   
    <span>//note path needs to be in the same domain...
</span>
    <span>//open the window
</span>    that<span>._Window = window.open(path, windowName, windowOptions);
</span>    that<span>._Interval = window.setInterval(function () {
</span>        <span>if (that._Window.closed) {
</span>            <span>window.clearInterval(that._Interval);
</span>            <span>//code to run when window is closed
</span>
        <span>}
</span>    <span>}, 1000);</span>

JavaScript에서 팝업 창을 만드는 것은 매우 간단합니다. Window.open () 메소드를 사용할 수 있습니다. 이 메소드는 새 창을 생성하고 참조를 반환합니다. 기본 예는 다음과 같습니다.

var myWindow = Window.Open ( "", "myWindow", "width = 200, height = 100";

myWindow.document.write ( "

이것은 'mywindow'

");

이 예에서는 window.open () 메소드가 세 가지 매개 변수를 가져옵니다 : 페이지의 URL이 열립니다 (왼쪽 빈 창을 만들려면 여기서 비워지면 창의 이름 및 창의 특징을 나타내는 문자열 (너비와 높이와 같은). 팝업 창의 크기와 위치를 어떻게 제어 할 수 있습니까?

팝업 창의 크기와 위치를 Window.open () 메소드의 세 번째 매개 변수에 지정하여 팝업 창의 크기와 위치를 제어 할 수 있습니다. 예를 들어, 폭 500 픽셀, 높이 600 픽셀의 창을 만들려면 화면의 왼쪽과 상단에서 10 픽셀을 배치하려면 다음을 사용합니다. "myWindow", "너비 = 500, 높이 = 600, 왼쪽 = 10, 상단 = 10");
팝업에 특정 URL을로드 할 수 있습니까? 창?
예, 팝업 창에 특정 URL을 Window.open () 메소드의 첫 번째 매개 변수로 지정하여 특정 URL을로드 할 수 있습니다. 예를 들면
var mywindow = window.open ( "https://www.example.com", "myWindow", "width = 500, height = 600");

방법 javaScript를 사용하여 팝업 창을 닫을 수 있습니까?

Window.close () 메소드를 사용하여 팝업 창을 닫을 수 있습니다. 이 메소드는 현재 창 또는 호출 된 창을 닫습니다. 예는 다음과 같습니다.

myWindow.close ();

팝업 창이 크기를 조정하는 것을 방지 할 수 있습니까?
예, 팝업 창이 해제되는 것을 방지 할 수 있습니다. Window.open () 메소드에 Resizedable = 기능이 없습니다. 예를 들면

var myWindow = window.open ( "", "myWindow", "width = 500, height = 600, Resizable = no");

A가 어떻게 확인할 수 있습니까? 팝업 창이 열려 있습니까?

창을 사용하여 팝업 창이 여전히 열려 있는지 확인할 수 있습니다. 이 속성은 창이 닫혀 있는지 (true) (false)인지를 나타내는 부울 값을 반환합니다. 예는 다음과 같습니다. if (! mywindow.closed) { // 창이 여전히 열려 }

팝업 창의 내용과 상호 작용할 수 있습니까?

예, 창 객체의 문서 속성을 사용하여 팝업 창의 내용과 상호 작용할 수 있습니다. 예를 들어, 팝업 창에 텍스트를 작성하려면 다음을 사용할 수 있습니다 :

mywindow.document.write ( "

hello, world!

");

브라우저의 도구 모음없이 팝업 창을 열 수 있습니까?

예, 도구 모음을 추가하여 브라우저의 도구 모음없이 팝업 창을 열 수 있습니다. 예를 들면

var myWindow = window.open ( "", "myWindow", "width = 500, height = 600, 툴바 = 아니오";
팝업 윈도우를 강제 할 수 있습니까? 항상 맨 위에 있으려면?

아니요, JavaScript는 팝업 창을 항상 맨 위에 두는 내장 방법을 제공하지 않습니다. 이것은 사용자의 운영 체제 및 브라우저 설정에 의해 제어됩니다.

팝업 창이 닫히면 감지 할 수 있습니까?

예, 창을 사용하여 팝업 창이 닫히면 감지 할 수 있습니다. onunload 이벤트. 이 이벤트는 창이 자원을 내릴 때 해고됩니다. 예는 다음과 같습니다.

myWindow.onload = function () { // 창이 닫히려고

};

.

위 내용은 팝업 창을 열기위한 JS 코드 스 니펫의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!