우리는 일반적으로 BOM을 모바일 창으로 사용하거나, 상태 표시줄의 텍스트를 변경하거나, 페이지 내용과 직접 관련되지 않은 다른 작업을 수행할 수 있다는 것을 알고 있습니다.
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
window.screen.availWidth+" "+window.screen.availheight(창은 화면의 너비와 높이를 처리할 수 있음) 화면)
window.screen.Width+" "+window.screen.height(화면의 너비와 높이)
availableHeight 및 availWidth 속성은 새 창의 크기를 결정할 때 매우 유용합니다
더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요.
관련 읽기:
CSS3 속성 선택기를 사용하여 JS의 역할을 대체하는 방법
위 내용은 Js 운영 BOM 객체 모델에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!