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

우리는 일반적으로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!