Js 운영 BOM 객체 모델에 대한 자세한 소개

php中世界最好的语言
풀어 주다: 2017-12-02 10:52:44
원래의
1754명이 탐색했습니다.

우리는 일반적으로 BOM을 모바일 창으로 사용하거나, 상태 표시줄의 텍스트를 변경하거나, 페이지 내용과 직접 관련되지 않은 다른 작업을 수행할 수 있다는 것을 알고 있습니다.

window object:

1. Window 작업

여기서 moveTo와 moveBy는 창의 이동이고, resizeTo와 resizeBo는 창의 크기를 설정하며, scrollTo와 scrollBy는 스크롤 막대의 위치를 ​​설정합니다. 스크롤될 때마다.

새 창 열기 및 닫기:

openBtn.onclick = function() {
    newWindow = window.open("./test.html", "_blank", "width=300px, height=300px, left=500px, top=300px, toolbar=no")
};
closeBtn.onclick = function() {
    newWindow.window.close();
};
로그인 후 복사

시간 간격 및 일시 중지:

시간 간격:

setInterval

Pause:

window.clearInterval

예:

start.onclick = function() {
    // 3. 设置定时器
    times = setInterval(function() {
       window.scrollBy(0, 5);
    }, 40);
};
stop.onclick = function() {
    //4. 清除定时器
    window.clearInterval(times);
};
로그인 후 복사

setTimeOut: 실행만 시간 간격 후 하나의 작업

아래에 첨부됨 이전 카운트다운 예:

History:

history.go()

괄호 안의 매개변수는 1일 수 있습니다. -1

history.go(1)表示前进一页.相当于history.forward()
history.go(-1)表示后退一页,相当于history.back()
location:
로그인 후 복사

location 개체는 로드 URL을 나타냅니다. 또한 URL

1.hash: URL에서 # 뒤의 부분을 반환합니다.

2.host: 서버 이름을 반환합니다.

3.href: 현재 로드된 페이지의 전체 URL입니다.

4.search: URL에서 GET 요청을 수행하는 부분 물음표

location 객체 다음 부분에 reload 메서드가 있습니다. 현재 페이지를 다시 로드(새로 고침)할 수 있습니다.

reload는 false이며, 캐시, 다시 로드는 true, 서버에서 로드, 매개변수 생략, 기본값은 false

screen object:

window.screen.availWidth+" "+window.screen.availheight(창은 화면의 너비와 높이를 처리할 수 있음) 화면)

window.screen.Width+" "+window.screen.height(화면의 너비와 높이)

availableHeight 및 availWidth 속성은 새 창의 크기를 결정할 때 매우 유용합니다


더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요.

관련 읽기:

CSS3에서 변형 속성을 사용하는 방법

CSS3 속성 선택기를 사용하여 JS의 역할을 대체하는 방법

css3을 사용하여 진행률 표시줄을 만드는 방법

위 내용은 Js 운영 BOM 객체 모델에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿