JavaScript 창 조작 방법 소결
2907 단어 JavaScript다루다창구.
win = window.open("https://www.jb51.net/", "js");
win.close();
자 바스 크 립 트 는 많은 방법 과 속성 을 제공 했다.우 리 는 그것들 을 사용 하여 창 을 제어 할 수 있다.이동,스크롤,크기 변경 아래 방법(N4+,IE4+)은 창 이동,스크롤,크기 변경 작업 을 담당 합 니 다.
// x 、y( )
window.moveTo(iX, iY)
// x 、y( )
window.moveBy(iX, iY)
// x 、y( )
window.scrollTo(iX, iY)
// x 、y( )
window.scrollBy(iX, iY)
// ( )
window.resizeTo(iWidth, iHeight)
// ( )
window.resizeBy(iX, iY)
이 방법 들 은 모두 window 대상 에 속 하기 때문에 현재 창 이나 다른 참조 가능 한 창 에서 스마트 하 게 실 행 됩 니 다.창의 위치 와 사 이 즈 를 동적 으로 설정 하려 면 창 을 만 든 후에 move 와 resize 방법 을 사용 할 수 있 습 니 다.//form 다른 서버 페이지 를 포함 하 는 창 을 제어 하 는 것 은 불가능 합 니 다.창 을 최대 화 합 니 다.클릭 후 창 을 최대 화 할 수 있 는 단 추 를 만 드 는 방법 을 소개 합 니 다.이 단추 에 대한 HTML 과 JavaScript 코드 를 살 펴 보 겠 습 니 다.
<SCRIPT LANGUAGE="JavaScript">
<!--
function maximizeWin() {
if (window.screen) {
var aw = screen.availWidth;
var ah = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(aw, ah);
}
}
// -->
</SCRIPT>
<FORM><INPUT TYPE="button" VALUE="Maximize" onClick="maximizeWin()"></FORM>
resizeTo()방법 은 전체 창의 사 이 즈 를 참조 합 니 다.//form 은 웹 사이트 에 떠 있 는 광 고 를 통 해 모 바 일 광고 창 을 통 해 조회 자의 주 의 를 끌 수 있다.우 리 는 아래 함 수 를 호출 하여 창 을 좌우 로 이동 시 키 는 효 과 를 실현 할 수 있 습 니 다.
function makeAd() {
window.open("adpage.html", "ad", "width=468,innerWidth=468,height=80,innerHeight=80,left=0,top=0");
}
다음은 페이지 adpage.html 의 코드 입 니 다.
<SCRIPT LANGUAGE="JavaScript">
<!--
function startAd() {
if (window.screen) {
pos = 0;
aw = screen.availWidth;
window.moveTo(pos, 0);
timerID = setInterval("moveAd()", 50);
}
}
function moveAd() {
if (pos <= 0) inc = 5;
// 5 - so it doesn't pass the right edge
// 10 - accounts for the window chrome
if (pos + 468 + 10 + 5 > aw) inc = -5;
pos += inc; a380fa.com
window.moveTo(pos, 0);
}
window.onload = startAd;
// -->
</SCRIPT>
페이지 adpage.html 가 불 러 오 면 함수 startAD()가 실 행 됩 니 다.사용자 의 브 라 우 저가 window.screen 대상 을 지원 한다 면 창 이 이동 할 수 있 습 니 다.왜냐하면 우 리 는 window.screen 을 사용 하여 화면의 폭 을 계산 해 야 하기 때 문 입 니 다.창 은 화면의 상단 경계 에서 미 끄 러 지 며 왼쪽 상단(pos=0)에서 오른쪽 상단 까지 미 끄 러 집 니 다.내 장 된 setInterval()함 수 를 통 해 50 밀리초 간격 으로 광고 창 5 개의 픽 셀 을 이동 합 니 다."stop"단 추 를 누 르 면 아래 를 실행 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.