JavaScript 프로그래밍의 창 위치 및 기록 개체에 대한 자세한 설명

집

웹 프론트엔드

JS 튜토리얼

JavaScript 프로그래밍의 창 위치 및 기록 개체에 대한 자세한 설명_기본 지식

May 16, 2016 pm 03:34 PM

javascript window

창 위치

window.location 개체는 현재 페이지의 주소(URL)를 가져오고 브라우저를 새 페이지로 리디렉션하는 데 사용됩니다.
window.location 개체는 창 접두사 없이 작성할 수 있습니다. 몇 가지 예:
몇 가지 예:
location.hostname은 웹 호스트의 도메인 이름을 반환합니다
location.pathname은 현재 페이지의 경로와 파일 이름을 반환합니다
location.port는 웹 호스트의 포트(80 또는 443)를 반환합니다.
location.protocol은 사용된 웹 프로토콜(http:// 또는 https://)을 반환합니다.

창 위치 참조

location.href 속성은 현재 페이지의 URL을 반환합니다.
예시
(현재 페이지의) 전체 URL 반환:

&lt;script&gt;
 
document.write(location.href);
 
&lt;/script&gt;

로그인 후 복사

창 위치 경로명
location.pathname 속성은 URL의 경로 이름을 반환합니다.
예시
현재 URL의 경로 이름을 반환합니다:

&lt;script&gt;
 
document.write(location.pathname);
 
&lt;/script&gt;

로그인 후 복사

위 코드의 출력은 다음과 같습니다.

1	`/js/js-window-location.html`

로그인 후 복사

창 위치 지정
location.sign() 메소드는 새 문서를 로드합니다.
예시
새 문서 로드:

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 
&lt;input type="button" value="Load new document" onclick="newDoc()"&gt;
 
&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사

창 내역
window.history 객체는 작성할 때 창 접두어를 사용할 필요가 없습니다.
사용자 개인 정보를 보호하기 위해 이 객체에 액세스하는 JavaScript의 방법이 제한됩니다.
몇 가지 방법:

history.back() - 브라우저에서 뒤로 버튼을 클릭하는 것과 동일
history.forward() - 브라우저에서 앞으로 버튼을 클릭하는 것과 동일

창 기록 뒤로

history.back() 메소드는 기록 목록의 이전 URL을 로드합니다.
이는 브라우저에서 뒤로 버튼을 클릭하는 것과 같습니다.
예시
페이지에 뒤로 버튼 만들기:

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function goBack()
 {
 window.history.back()
 }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 
&lt;input type="button" value="Back" onclick="goBack()"&gt;
 
&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사

창 기록 앞으로
기록 전달() 메서드는 기록 목록의 다음 URL을 로드합니다.
이는 브라우저에서 앞으로 버튼을 클릭하는 것과 같습니다.
예시
페이지에 앞으로 버튼을 만듭니다.

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function goForward()
 {
 window.history.forward()
 }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 
&lt;input type="button" value="Forward" onclick="goForward()"&gt;
 
&lt;/body&gt;
&lt;/html&gt;