자바스크립트로 페이지 점프를 제어하는 방법-JS 튜토리얼-php.cn

자바스크립트로 페이지 점프를 제어하는 방법

青灯夜游

풀어 주다： 2021-06-08 11:41:45

원래의

2588명이 탐색했습니다.

방법: 1. "window.location.href="페이지 주소""를 사용합니다. 2. "window.history.back()" 문을 사용합니다. 3. "window.navigate()" 문을 사용합니다. self.location="address"" 문.

자바스크립트로 페이지 점프를 제어하는 방법

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

Javascript에서 페이지 점프를 구현하는 여러 가지 방법

첫 번째: 매개변수를 사용하여 직접 점프

    <script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href; 
    </script>

로그인 후 복사

매개변수 없이 직접 점프:

<script>window.location.href=&#39;http://www.baidu.com&#39;;</script>

로그인 후 복사

두 번째: 마지막 미리보기 인터페이스로 돌아가기

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

로그인 후 복사

태그 중첩:

<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

로그인 후 복사

세 번째 유형: 프레임에 점프 페이지 지정이 유효하지 않습니다. . .

  <script language="javascript">
       window.navigate("top.jsp");
  </script>

로그인 후 복사

네 번째 방법: 자체 점프 페이지를 지정하는 것은 프레임에 유효하지 않습니다. .

   <script language="JavaScript">
          self.location=&#39;top.htm&#39;;
   </script>

로그인 후 복사

응용 사례:

<head> 
<script language="javascript">

function old_page() 
{ 
window.location = "login.aspx" 
} 
function replace() 
{ 
window.location.replace("login.aspx") 
} 
function new_page() 
{ 
window.open("login.aspx") 
} 
</script> 
</head> 
<body> 
<input type="button" onclick="new_page()" value="在新窗口打开s"/> 
<input type="button" onclick="old_page()" value="跳转后有后退功能"/> 
<input type="button" onclick="replace()" value="跳转后没有后退功能"/> 
</body>

로그인 후 복사

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

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