> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 페이지 점프를 구현하는 방법

자바스크립트에서 페이지 점프를 구현하는 방법

coldplay.xixi
풀어 주다: 2023-01-03 09:31:59
원래의
11957명이 탐색했습니다.

JavaScript에서 페이지 이동을 구현하는 방법: 1. 양식 개체 창의 주소 링크 속성 [location.href]를 수정하여 현재 페이지에서 새 페이지를 엽니다. 2. 양식의 [open()]을 호출할 수 있습니다. 개체 창 메서드 구현.

자바스크립트에서 페이지 점프를 구현하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

JavaScript를 이용한 페이지 점프 구현 방법:

1. 현재 페이지에서 새 페이지를 엽니다.

양식 개체 창의 주소 링크 속성인 location.href를 수정하여 현재 페이지에서 새 페이지를 엽니다.

< language="java" type="text/java">
window.location.href="http://110.html";
</>
로그인 후 복사

2 , 새 창에서 새 페이지를 여는 것

은 양식 개체 창의 open() 메서드를 호출하여 달성할 수 있습니다.

window.open('http://hx110.com');

3. 이전 페이지로 돌아갑니다

< language="java">
alert("返回");
window.history.back(-1);
</>
로그인 후 복사

4. self: 현재 창 객체(iframe에 있는 경우) 프레임의 창 개체)

< language="Java">
self.location=&#39;top.html&#39;;
</>
로그인 후 복사

5. 다른 페이지로 이동하는 팝업 프롬프트 상자

< language="java">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="http://110.html"
}
로그인 후 복사

관련 무료 학습 권장 사항: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 페이지 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿