>  기사  >  웹 프론트엔드  >  자바스크립트로 페이지 점프를 제어하는 ​​방법

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

青灯夜游
青灯夜游원래의
2021-06-08 11:41:452527검색

방법: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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