브라우저 객체

1904 단어 브라우저
브라우저는 페이지의 HTML에 해당하는 요소를 나타내는 대량의 객체를 제공합니다.일반적으로 이러한 컬렉션을 브라우저 객체 모델(BOM)이라고 합니다.BOM은 어느 정도 우리가 사용하는 브라우저와 브라우저의 버전에 의존하기 때문에 잘못 선택하면 호환성 문제가 자주 발생할 수 있습니다.그러나 만약 우리의 코드가 W3C 표준을 따를 수 있다면 서로 다른 브라우저를 더욱 크게 호환할 수 있을 것이다.
브라우저 대상이 맨 위에 있는 것은 윈도우 대상이다. 브라우저의 프레임워크와 브라우저와 관련된 모든 것을 대표하고 웹 페이지는 이 프레임워크에 불러오며 사용자의 역사 기록을 볼 수 있다.문서 대상은 페이지 자체를 대표한다.window 대상은 전역 대상이기 때문에 전역 대상의 속성이나 방법을 직접 사용할 수 있습니다.
 

윈도 크기


 
브라우저 윈도우의 크기를 결정하는 세 가지 방법이 있습니다(브라우저의 뷰포트, 도구막대 및 스크롤 막대 제외).
Internet Explorer, Chrome, Firefox, Opera 및 Safari의 경우
window.innerHeight - 브라우저 창의 내부 높이window.innerWidth - 브라우저 창의 내부 너비Internet Explorer 8, 7, 6, 5의 경우
document.documentElement.clientHeight
document.documentElement.clientWidth
혹은
document.body.clientHeight
document.body.clientWidth

history 대상은 사용자가 방문한 페이지 정보를 저장합니다
우리는 방문한 페이지로 돌아가기 위해 역사 기록의 창고를 통해 브라우저의 전진과 후퇴 키를 눌렀다.주요 함수는 백 (), forward (), 고 () 함수로 페이지의 변환을 조작합니다.
 
예를 들어 페이지에 뒤로 버튼을 만들려면 다음과 같이 하십시오.
<html>

<head>

<script>

function goBack()

  {

  window.history.back()

  }

</script>

</head>

<body>



<input type="button" value="Back" onclick="goBack()">



</body>

</html>

 
현재 페이지를 가져오는 데 사용할 주소 (URL) 를 포함하고 브라우저를 새 페이지로 바꿉니다.
 
location.hostname 웹 호스트의 도메인 이름 되돌리기 location.pathname에서 현재 페이지의 경로와 파일 이름을 되돌려줍니다 location.port가 웹 호스트의 포트(80 또는 443)로 되돌아오기location.protocol에서 사용하는 웹 프로토콜 (http://또는 https://) 을 되돌려줍니다.
 
location.href 속성이 현재 페이지의 URL을 반환합니다.이를 통해 현재 URL을 변경하거나 웹 페이지 정보를 새로 고칠 수도 있습니다.
window.screen 대상은 사용자 화면에 대한 정보를 포함합니다.
screen.availWidth - 사용 가능한 화면 너비screen.availHeight - 사용 가능한 화면 높이
참조 구조의 실례화된 대상을 호출하다
react-router v2.x와 context

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage