자바스크립트 학습노트(14) 윈도우 객체 사용법 소개_기본지식

1. 창 위치
화면 좌측과 상단에서 본 브라우저 창의 위치는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //왼쪽 위치
var topPos = ( typeof window.screenTop == "number" ) ? window.screenTop : window.screenY; //상위 위치

2. 브라우저 페이지 뷰포트의 크기를 구하려면 아래를 참조하세요. 🎜>

코드 복사 코드는 다음과 같습니다.

var pageWidth = window.innerWidth,

pageHeight = window.innerHeight;

if (typeof pageWidth != "number") {
if (document.compatMode == "CSS1Compat") {
pageWidth = document.documentElement.clientWidth; 🎜>pageHeight = document.documentElement.clientHeight;
} else {
pageWith = document.body.clientWdith;
pageHeight = document.body.clientHeight; 🎜>
3. 열기 또는 팝업 창
window.open() 메소드는 4개의 매개변수를 허용합니다. 일반적으로 첫 번째 매개변수는 URL이고 두 번째 매개변수는 다음과 같습니다. _self, _parent, _top, _blank 또는 프레임 이름

코드 복사


코드는 다음과 같습니다.

window.open("http://www.baidu.com" ); window.open("http://www.baidu.com","_blank") window.open( "http://www.baidu.com","topFrame"," height=400,width=400,top=10,left=10,resizing = yes") topFrame.resizeTo(500,300) / /창 크기 조정topFrame.moveTo(100,100); //창 위치 이동

topFrame.close(); //새로 열린 창을 닫으면 IE에서 오류를 보고합니다

4.location 객체
location.href(URL) URL 로드

코드 복사


코드는 다음과 같습니다.

location.href(URL) URL 로드 location.href(" http://www.baidu.com") location.href = "http://www.baidu .com" ; //위와 동일 location.asset = "http://www.baidu.com"; //위와 동일window.loaction = "http://www.baidu.com "; //위와 동일

location.replace("http://www.baidu.com"); // 위와 동일하지만 돌아갈 수 없음

location.reload(); / /Reload(캐시에서 로드될 수 있음)
location.reload(true); //Reload(서버에서 로드됨)

location.search()는 URL에 쿼리 문자열을 반환합니다. ?


으로 시작 5. 쿼리 문자열 매개변수 가져오기




코드 복사

코드는 다음과 같습니다. :

function getQueryStringArgs() { var qs = (location.search.length > 0) location.search.substring(1) : var args ={ }; var items = qs.split("&"); var item = null,name = null, value = null

for (var i=0 ; i{
item = itmes[i].split("=");
name = decodeURIComponent(item[0])
value = decodeURIComponent(item[1]); >args[name] = value;
}
return args;
}

//쿼리 문자열 매개변수가 다음과 같다고 가정합니다. q=javascript&num=10
var args = getQueryStringArgs( );
Alert(args["q"]); //"javascript"
alert(args["num"]) //"10"


6.history object




코드 복사

코드는 다음과 같습니다.

history.go() 페이지 점프history.go(- 1); //한 페이지 뒤로 이동history.go(1); //한 페이지 앞으로 이동history.go(2); //두 페이지 앞으로 이동history.go("baidu.com" ); 가장 가까운 baidu.com 페이지로 이동

history.back(); //한 페이지 뒤로

history.forword(); 페이지


현재 페이지가 사용자가 연 첫 번째 페이지인지 감지




코드 복사

코드는 다음과 같습니다.

if (history.length == 0) { //첫 번째 페이지가 열리면 특정 작업을 수행합니다} 7. 페이지 로딩

window.onload()는 페이지가 로드된 후 특정 작업을 수행하는 데 사용됩니다.

코드 복사

코드는 다음과 같습니다.

window.onload = function () {
//일부 작업 수행
}