Javascript 윈도우 대상
4121 단어 JavaScript
모든 브 라 우 저 지원 window 대상브 라 우 저 창 을 표시 합 니 다.
모든 JavaScript 전역 대상, 함수, 변 수 는 자동 으로 window 대상 의 구성원 이 됩 니 다.
전역 변 수 는 window 대상 의 속성 입 니 다.
전역 함 수 는 window 대상 의 방법 입 니 다.
심지어 HTML DOM 의 document 도 window 대상 의 속성 중 하나 입 니 다. window. document...
// window
var index=10;
console.log(window.index);//10
// window
window.showName();
function showName(){
console.log(window.index);//10
}
윈도우 사이즈
//window
console.log(window.screen.width);// 1600
console.log(window.screen.height);// 900
console.log(window.screen.availWidth);// 1600
console.log(window.screen.availHeight);// 860
console.log(document.documentElement.clientWidth);//
console.log(document.documentElement.clientHeight);// 775
console.log(document.body.clientWidth);//body
console.log(document.body.clientHeight);//body
console.log(window.innerWidth);//
console.log(window.innerHeight);// 775
Window 방법
window.open("http://www.baidu.com"); //
window.moveTo(100,100); //
window.resizeTo(200,200); //
location=no,titlebar=no,toolbar=no,status=no ; //
resizeTo () 방법 은 창 크기 를 지정 한 너비 와 높이 로 조정 하 는 데 사 용 됩 니 다.사용 시 창 크기 만 동적 으로 변경 할 수 있 습 니 다.
예 를 들 면:
var win=window.open("txt.html"," ","width=100,height=100,left=1036,top=750,location=no,titlebar=no,toolbar=no,status=no");
win.resizeTo(300,300);
위의 코드 는 새로운 페이지 를 엽 니 다. 페이지 너비 가 설정 되 어 있 고, 뒤쪽 은 resizeTo () 설정 으로 새 창 을 여 는 너비 가 높 습 니 다.
alert(); //메시지 와 확인 단 추 를 가 진 경고 상 자 를 표시 합 니 다.
confirm(); //메시지 와 확인 단추, 취소 단 추 를 가 진 대화 상 자 를 표시 합 니 다.
prompt(); //사용자 의 입력 을 알 릴 수 있 는 대화 상 자 를 표시 합 니 다.
stop(); //페이지 불 러 오기 중지
window 대상 의 두 개의 타이머
setTimeout(); 일정 시간 지연 실행
문법: setTimeout (code, milliseconds, param 1, param 2,...)
setTimeout(function, milliseconds, param1, param2, ...)
인자:
매개 변수
묘사 하 다.
code/function
필수코드 문자열 을 호출 하려 면 함수 일 수도 있 습 니 다.
milliseconds
선택 할 수 있다.code / function 을 실행 하거나 호출 하려 면 기다 리 는 시간 을 밀리초 로 계산 합 니 다.기본 값 은 0 입 니 다.
param1, param2, ...
선택 할 수 있다.실행 함수 에 전 달 된 다른 매개 변수 (IE9 및 그 이전 버 전 은 이 매개 변 수 를 지원 하지 않 습 니 다).
eg:
var count=1;
setTimeout(function(){
count++;
console.log(count);
},1000);
출력 시 1 초 지연, 출력 2
setInterval(); 순환 실행 을 일정 시간 지연 하 다.
문법 과 매개 변 수 는 setTimeout () 과 같 습 니 다.
타이머 지우 기
clearTimeout () 방법 은 setTimeout () 방법 으로 설 정 된 timeout 을 취소 할 수 있 습 니 다.한 번 만 지 울 수 있 습 니 다.
clearInterval() 방법 은 setInterval () 에서 설정 한 timeout 을 취소 할 수 있 습 니 다.여러 번 사용 가능
eg:
<button id="btn"> </button>
<button id="btnstart"> </button>
<script>
var time;
var count=0;
showtime();
function showtime(){
time=setInterval(function (){
count++;
console.log(count);
},1000)
}
var btn=document.getElementById("btn");
var btnstart=document.getElementById("btnstart");
btn.onclick=function (){
clearInterval(time);
// clearTimeout(time);
};
btnstart.onclick=function (){
showtime();
}
</script>
</code></pre>
<h3> </h3>
<p>alert() </p>
<p>confirm() OK 。</p>
<p>prompt() 。<br/><br/><br/><br/> </p>
<p> </p>
<p> </p>
<p><br/> </p>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.