프런트 엔드 필드에서 Window 개체의 역할-JS 튜토리얼-php.cn

프런트 엔드 필드에서 Window 개체의 역할

青灯夜游

풀어 주다： 2019-11-26 17:24:47

앞으로

1820명이 탐색했습니다.

### ## ## ## ## ## ## ## ## ## ## ## #####스페셜 창#🎜🎜 ## 🎜🎜#

창에 관해 말하면 다음과 같이 웹 페이지에서 매우 일반적입니다.

window.onload=function(){
//执行函数体
}

로그인 후 복사

이 코드는 웹 페이지 콘텐츠가 로드될 때 수행할 작업을 의미합니다. js 분야에서 창 개체는 브라우저 창에 액세스하는 데 사용되는 인터페이스이자 전역 개체입니다. [관련 강좌 추천 :

JavaScript 동영상 튜토리얼

]이 때문에 전역 범위에 선언된 모든 변수와 함수는 윈도우 객체의 속성과 메서드가 됩니다. 예:

var age = 29;
function sayAge(){
    alert(this.age);
}
alert(window.age); //29
sayAge();         //29
window.sayAge();  //29

로그인 후 복사

그러나 두 변수는 완전히 동일하지 않습니다. 전역 변수는 삭제를 통해 삭제할 수 없지만 창에 직접 정의된 속성은 가능합니다.

역사적 유산

초기 웹 페이지에서는 더 많은 창과 프레임을 사용하고 중첩된 디스플레이가 표시됩니다. 웹페이지를 동일한 창에 띄우고 알림, 확인, 안내 등 다양한 팝업창을 띄워 사용자가 정보를 입력하거나 확인할 수 있게 되었습니다. 찾기 어렵기 때문에 여기서는 다루지 않겠습니다.

위치 객체

기본 속성

#🎜 🎜#location은 현재 창에 로드된 문서에 대한 정보와 탐색 기능을 제공하는 가장 유용한 BOM 개체 중 하나입니다. 주요 용도는 URL과 관련됩니다:

　●해시: URL에서 # 기호 뒤의 문자를 반환하고, 그렇지 않은 경우 빈 값을 반환합니다.

　●　host/hostname: 서버 이름 또는 포트 번호를 반환합니다. 　●　href: 전체 URL 반환

　●　port: 지정된 포트 번호 반환

　●　protocol: 사용된 프로토콜 반환 #🎜 🎜#　●검색: 해당 URL의 쿼리 문자열, 즉 물음표의 처음부터 끝까지를 모두 반환합니다.

위치 연산

#🎜🎜 #

location 전달 가능 브라우저의 위치를 변경하는 방법에는 여러 가지가 있습니다. 가장 일반적으로 사용되는 방법은 다음과 같은 할당() 메서드입니다.

location.assign("http://www.baidu.com");

로그인 후 복사

이렇게 하면 새 URL이 열립니다. 즉시 검색 기록에 기록을 추가합니다. 다음 두 줄에 해당하는 코드:

window.location = "http://www.baidu.com";
location.href = "http://www.baidu.com";

로그인 후 복사

가장 일반적인 것은 location.href입니다.

물론 다른 속성을 수정하면 현재 로드된 페이지도 변경될 수 있습니다. 어떤 방식으로든 URL을 수정한 후에는 사용자가 뒤로 버튼을 클릭하여 이전 페이지로 이동할 수 있습니다. , 그러나 때때로 이 작업이 발생하는 것을 원하지 않는 경우에는 replacement() 메서드를 사용할 수 있습니다. 다음과 같습니다:

location.replace("http://www.baidu.com");

로그인 후 복사

탐색할 URL인 하나의 매개변수만 받습니다. 레코드가 생성되지 않으며 사용자는 이전 페이지로 돌아갈 수 없습니다.

위치와 관련된 또 다른 방법은 reload()입니다. 이는 현재 페이지를 다시 로드하는 것과 똑같은 기능을 하지만 여기서는 매개변수 없이 그냥 다시 로드하는 경우에는 페이지가 서버에서 강제로 다시 로드하는 경우 다음과 같은 매개변수를 전달해야 합니다. #

history는 각 브라우저 창과 탭 페이지를 탐색하는 사용자의 기록을 유지합니다. 보안상의 이유로 개발자는 일반적으로 사용자가 어떤 웹 페이지를 탐색했는지 알 수 없지만 앞으로 및 뒤로 기능을 구현하는 방법은 여전히 있습니다. . 예:

location.reload(true);

로그인 후 복사

매개변수는 숫자일 뿐만 아니라 문자열이기도 합니다. 브라우저는 앞으로 또는 뒤로 문자열을 포함하는 기록의 첫 번째 위치로 이동합니다. 예를 들어

history.go(-1);
history.go(1);

로그인 후 복사

또한 앞으로 또는 뒤로 이동하는 더 직접적인 메서드인 back() 및 Forward()가 있습니다.

또한 기록에는 기록 레코드 수를 저장하는 길이 속성이 있어 사용자가 처음부터 페이지를 열었는지 확인하려는 경우 사용할 수 있습니다.

history.go("baidu.com");

로그인 후 복사

히스토리 객체는 특별히 일반적으로 사용되지는 않지만 일부 특수 목적 설계에서는 문제 해결을 위해 여전히 요청해야 합니다.

Summary

모바일 인터넷의 물결 속에서 윈도우 개체의 상태는 더 이상 중요하지 않습니다. PC의 경우에는 더 많은 기능과 감지가 필요하며 더 많은 상호 작용이 필요하며 다른 측면은 더 풍부한 기능을 갖춘 사용자 정의 코드로 구현됩니다. 에도 불구하고, window 객체는 그렇게 간단할 뿐만 아니라 중요한 navigator 객체도 있는데 막상 해보면 내용이 너무 많아서 에서 공유하겠습니다. 나중에 별도의 기사.

이 기사는

js 튜토리얼

칼럼에서 가져온 것입니다. 학습을 환영합니다!

위 내용은 프런트 엔드 필드에서 Window 개체의 역할의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!