javascript 팝 업 창 window.open 사용 방법 및 매개 변수 설명 분석 편

window.open 사용 방법 및 매개 변수 설명 1,window.open()지원 환경:JavaScript 1.0+/JScript 1.0+/NAV2+/IE3+/Opera 3+2,기본 문법:window.open(pageURL,name,parameters)그 중:pageURL 은 하위 창 경로 name 은 하위 창 핸들 parameters 는 창 매개 변수(매개 변 수 는 쉼표 로 구분)3.각 매개 변 수 는 yes/no 도 1/0 을 사용 할 수 있 습 니 다.pixel value 는 구체 적 인 수치 이 고 단위 픽 셀 입 니 다.매개 변수|수치 범위|설명|alwaysLowered|yes/no|지정 창 이 모든 창 뒤에 숨겨 진 후 alwaysRaised|yes/no|지정 창 이 모든 창 위 에 떠 있 는 depended|yes/no|부모 창 과 directories 를 동시에 닫 을 지 여부|yes/no|Nav 2 와 3 의 목록 표시 줄 에 height|pixel value|창 이 보일 지 여부고도 hotkeys|yes/no|메뉴 표시 줄 이 없 는 창 에 단축 키 를 안전하게 종료 합 니 다 inner Height|pixel value|창 에 있 는 문서 의 픽 셀 높이 inner Width|pixel value|창 에 있 는 문서 의 픽 셀 너비 location|yes/no|위치 표시 줄 이 menubar 를 볼 수 있 는 지 여부|yes/no|메뉴 표시 줄 이 outerHeight|pixel value|설정 창입(장식 테두리 포함)의 픽 셀 높이 outerWidth|pixel value|설정 창(장식 테두리 포함)의 픽 셀 너비 resizable|yes/no|창 크기 조정 가능 여부 screenX|pixel value|창 이 화면 왼쪽 경계 에 있 는 픽 셀 길이 screenY|pixel value|창 이 화면 경계 에 있 는 픽 셀 길이 scrollbars|yes/no|창스크롤 바 titlebar|yes/no|창 제목 표시 줄 이 toolbar 를 볼 수 있 는 지 여부|yes/no|창 도구 모음 이 Width|pixel value|창의 픽 셀 너비 z-look|yes/no|창 이 활성화 되면 다른 창 위 에 떠 있 는 지 여 부 를 알려 드 리 겠 습 니 다.1.가장 기본 적 인 팝 업 창 코드]사실 코드 는 매우 간단 합 니 다.[Ctrl+A 전체 선택:]javascripts 코드 이기 때문에태그 와사이 에 두 어야 합 니 다.는 일부 버 전의 낮은 브 라 우 저 에 작용 합 니 다.이 오래된 브 라 우 저 에 서 는 탭 의 코드 를 텍스트 로 표시 하지 않 습 니 다.이 좋 은 습관 을 길러 야 지.window.open('page.html')은 새로운 창 페이지.html 팝 업 을 제어 하 는 데 사 용 됩 니 다.page.html 가 주 창 과 같은 경로 에 있 지 않 으 면 앞 에 경 로 를 적어 야 합 니 다.절대 경로(http:/)와 상대 경로(../)가 모두 가능 합 니 다.작은 따옴표 와 작은 따옴표 로 도 괜 찮 지만 혼용 하지 마 세 요.이 코드 는 HTML 의 임의의 위 치 를 추가 할 수 있 습 니 다.와사이 에 도 가능 합 니 다.간도 가능 합 니 다.앞 에 있 을 수록 일찍 실행 할 수 있 습 니 다.특히 페이지 코드 가 길 고 페이지 가 일찍 튀 어 나 오 려 면 앞으로 놓 으 십시오.[2.설정 을 거 친 팝 업 창]팝 업 창의 설정 을 다시 한 번 말씀 드 리 겠 습 니 다.위 코드 에 뭐 만 더 넣 으 면 돼.이 팝 업 창의 모양,크기,팝 업 위 치 를 맞 춰 서 페이지 의 구체 적 인 상황 에 맞 게 설정 합 니 다. [Ctrl+A 전체 선택:]매개 변수 설명:js 스 크 립 트 시작;window.open 새 창 팝 업 명령;페이지.html'팝 업 창의 파일 이름;'new window'팝 업 창의 이름(파일 이름 이 아 닌),필요 하지 않 으 면 빈'으로 대체 할 수 있 습 니 다.height=100 창 높이;width=400 창 너비;top=0 창 거리 화면 위의 픽 셀 값;left=0 창 거리 화면 왼쪽 의 픽 셀 값;toolbar=no 도구 모음 을 표시 할 지,yes 를 표시 할 지 여부;menubar,scrollbars 는 메뉴 표시 줄 과 스크롤 표시 줄 을 표시 합 니 다.resizable=no 창 크기 를 변경 할 수 있 는 지 여부 입 니 다.yes 는 허용 합 니 다.location=no 주소 표시 줄 을 표시 할 지 여부 입 니 다.yes 가 허용 합 니 다.status=no 상태 표시 줄 에 있 는 정 보 를 표시 할 지 여부(보통 파일 이 열 렸 습 니 다),yes 가 허용 합 니 다.js 스 크 립 트 종료[3,함수 로 팝 업 창 제어]다음은 완전한 코드 입 니 다. 을구역 에 추가 합 니 다:open를 추가 하면 됩 니 다.【6.팝 업 창의 정시 종료 제어]팝 업 창 을 조금 만 더 제어 하면 효과 가 더욱 좋 습 니 다.만약 우리 가 팝 업 페이지 에 코드 를 한 소절 더 추가 하면(page.html 의 HTML 에 가입 하 는 것 을 주의 하 세 요.홈 페이지 가 아 닙 니 다.그렇지 않 으 면...)10 초 후에 자동 으로 닫 는 것 이 더 멋 있 지 않 습 니까?우선 페이지.html 파일 의구역 에 다음 코드 를 추가 합 니 다.function closit(){setTimeout("self.close()",10000)//밀리초}다음 에 페이지.html 에 있 는대신라 는 말 을 사용 하면 됩 니 다.(이 한 마디 를 절대 잊 지 말고 써 라!이 문장 은 창 을 닫 는 코드 를 호출 하여 10 초 후에 이 창 을 스스로 닫 는 역할 을 합 니 다.)[7.팝 업 창 에 닫 기 버튼 을 추가 합 니 다]
하하,이제 더 완벽 해 졌 습 니 다!【8.안에 포 함 된 팝 업 창-한 페이지 두 창]위의 예 는 두 개의 창 을 포함 하고 하 나 는 메 인 창 이 며 다른 하 나 는 팝 업 창 입 니 다.아래 의 예 를 통 해 당신 은 한 페이지 에서 위의 효 과 를 완성 할 수 있 습 니 다. function openwin() { OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no ,scrollbars="+scroll+",menubar=no"); //OpenWindow.document.write("예 풍 월 ASP 코드 생 성기")OpenWindow.document.write("BODY BGCOLOR=\#ffffff>")OpenWindow.document.write("

Hello!

") OpenWindow.document.write("New window opened!") OpenWindow.document.write("/BODY")OpenWindow.document.write("/HTML")OpenWindow.document.close()}
]
OpenWindow.document.write()안의 코드 가 표준 HTML 이 아 닙 니까?격식 에 따라 더 많은 줄 을 쓰 면 된다.탭 이 하나 더 많 거나 하나 가 적 으 면 오류 가 발생 할 수 있 으 니 주의 하 세 요.OpenWindow.document.close()로 끝내 세 요.
[9,최종 응용-팝 업 창의 쿠키 제어]
돌 이 켜 보면 위의 팝 업 창 은 멋 있 지만 작은 결함 이 있 습 니 다(기쁨 에 잠 겨 있 습 니 다.발견 하지 못 했 겠 죠?)예 를 들 어 위 에 있 는 스 크 립 트 를 자주 지나 가 야 하 는 페이지 에 두 면(예 를 들 어 첫 페이지)이 페이지 를 새로 고 칠 때마다 창 이 한 번 씩 팝 업 됩 니 다.너무 귀 찮 지 않 습 니까?:-(해결 방법 이 있 습 니까?Yes! ;-) Follow me.
우 리 는 쿠키 를 사용 하여 제어 하면 됩 니 다.
우선,다음 코드 를 홈 페이지 HTML 의영역 에 추가 합 니 다.

좋은 웹페이지 즐겨찾기