window.open 매개변수에 대한 자세한 설명과 예제_기본지식

1. window.open() 지원 환경:

JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3

2. winddown.open의 기본 구문:

window.open(페이지URL,이름,매개변수)

그 중:

pageURL은 하위 창 경로
name은 하위 창 핸들
parameters는 창 매개변수(각 매개변수는 쉼표로 구분됨)

3. Winddown.open 예:

코드 복사 코드는 다음과 같습니다.

<script><BR>< !-- <BR>window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,크기 조정 가능 =no, location=no, status=no')<BR>//한줄로 쓰기<BR>--><BR></script>

스크립트가 실행되면 page.html은 너비 100, 높이 400, 화면 상단에서 0픽셀, 화면 왼쪽에서 0픽셀, 도구 모음 없음의 새 창에서 열립니다. , 메뉴 표시줄 없음, 스크롤링 없음, 크기 조정 불가, 주소 표시줄 없음, 상태 표시줄 없음. 비교해주세요.

위의 예에는 일반적으로 사용되는 여러 매개변수가 포함되어 있습니다. 이 외에도 많은 매개변수가 있습니다. 4를 참조하세요. 4. 다양한 매개변수

예/아니요도 1/0을 사용할 수 있습니다. 픽셀 값은 픽셀 단위의 특정 값입니다.

매개변수|값 범위|설명

alwaysLowered|yes/no|지정된 창이 모든 창 뒤에 숨겨집니다
alwaysRaised|yes/no|지정된 창이 모든 창 위에 일시 중지됩니다
dependent|yes/no|동시에 닫힐지 여부 시간을 상위 창으로
directories|yes/no|Nav2 및 3의 디렉터리 표시줄이 표시되는지 여부
height|pixelvalue|창 높이
hotkeys|yes/no|창에 안전한 종료 단축키 설정 메뉴 표시줄 없음
innerHeight| pixelvalue|창에 있는 문서의 픽셀 높이
innerWidth|pixelvalue|창에 있는 문서의 픽셀 너비
location|yes/no|위치 표시줄 표시 여부
menubar|yes/no|메뉴 표시줄 표시 여부
externalHeight|pixelvalue|창의 픽셀 높이 설정(장식 테두리 포함)
outerWidth|pixelvalue|창의 픽셀 너비 설정(장식 포함) borders)
resised|yes/no|창 크기 조정 가능 여부
screenX|pixelvalue|화면 왼쪽 가장자리부터 창의 픽셀 길이
screenY|pixelvalue|창의 픽셀 길이 화면 위쪽 가장자리에서
scrollbars|yes/no|창에 스크롤 막대가 있을 수 있는지 여부
titlebar|yes/no |창 제목 표시줄이 표시되는지 여부
toolbar|yes/no| 창 도구 모음이 표시됩니다
Width|pixelvalue|창의 픽셀 너비
z-look|yes/no|창이 활성화된 후 다른 창 위에 떠 있는지 여부 창 위

【1.가장 기본적인 팝업창 코드】

실제로 코드는 매우 간단합니다.

코드 복사 코드는 다음과 같습니다.

자바스크립트 코드이므로 태그와 사이에 배치해야 합니다. 는 일부 이전 브라우저에 효과적입니다. 이러한 이전 브라우저에서는 태그의 코드가 텍스트로 표시되지 않습니다. 이 좋은 습관을 기르십시오.

Window.open('page.html')은 새 창인 page.html의 팝업을 제어하는 ​​데 사용됩니다. page.html이 기본 창과 동일한 경로에 없으면 경로를 명시해야 합니다. 전면에서는 절대 경로(http:// )와 상대 경로(../)를 사용할 수 있습니다. 작은따옴표나 큰따옴표를 사용할 수 있지만 혼합하지 마세요.

이 코드는 HTML의

와 사이, 사이에 추가할 수 있습니다. , 특히 페이지 코드가 긴 경우, 페이지가 더 일찍 나타나도록 하려면 최대한 앞쪽에 배치하세요.

【2. 설정 후 팝업창】

팝업창 설정에 대해 이야기해보겠습니다. 위의 코드에 조금 더 추가하면 됩니다.
이 팝업창의 모양, 크기, 팝업 위치를 페이지의 특정 조건에 맞게 맞춤설정해 보겠습니다.

<scrip tlanguage="javascript"> <!-- window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') //写成一行 --> </scrip>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

매개변수 설명:

js 스크립트 시작;
새 창을 팝업하는 window.open 명령
'page.html' 팝업 창 파일 이름
' newwindow' 팝업 창 이름(파일 이름 아님)은 선택 사항이며 빈 ''으로 대체할 수 있습니다.
height=100 window height
width=400 window width; =0 화면 상단에서 창까지의 픽셀 값 ;
left=0 화면 왼쪽에서 창의 픽셀 값
toolbar=no 도구 모음 표시 여부, 표시하려면 yes;
메뉴바, 스크롤바는 메뉴바와 스크롤바를 나타냅니다.
Resizing=no 창 크기 변경 허용 여부, yes 허용
location=no 주소 표시줄 표시 여부, yes 허용
status=no 상태 표시줄에 정보 표시 여부; (일반적으로 파일이 열려 있음), 예
js 스크립트 종료
가 허용됩니다.

【3. 팝업창 제어 기능을 활용해보세요】

다음은 완전한 코드입니다

<scrip tlanguage="JavaScript"> <!-- function openwin(){window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no") //写成一行 } //--> …임의의 페이지 콘텐츠… <bodyonload> </bodyonload></scrip>