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

집

웹 프론트엔드

JS 튜토리얼

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:34 PM

javascriptwindow

창 위치

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

창 위치 참조

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

<script>

document.write(location.href);

</script>

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

<script>

document.write(location.pathname);

</script>

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

/js/js-window-location.html

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

<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

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

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

창 기록 뒤로

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

<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

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

</body>
</html>

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

<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사