JavaScript_javascript 기술로 페이지 점프를 구현하는 몇 가지 일반적인 방법

이 기사의 예에서는 JavaScript에서 페이지 이동을 구현하는 몇 가지 일반적인 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

첫 번째 유형:

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

두 번째 유형:

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

세 번째 유형:

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

네 번째 유형:

<script language="JavaScript">
    self.location='top.htm';
</script>

다섯 번째 유형:

<script language="javascript">
    alert("非法访问！");
    top.location='xx.jsp';
</script>

다른 페이지로 이동하려면 자바스크립트 선택 상자 팝업

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{
window.location.href="logout.asp&#63;act=logout"
}
}
-->
</script>

다른 페이지로 이동할 수 있는 프롬프트 상자가 자바스크립트에서 나타납니다

<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗？");
window.location.href="logout.asp&#63;act=logout"
}
-->
</script>

추가: window.location="";과 location.replace("");의 차이점은 무엇입니까?

둘 다 웹페이지를 URL로 연결할 수 있는데 차이점은 무엇인가요? 예를 들어 매개변수를 가져올 수 있고, 매개변수를 가져올 수 없는 등이 있습니다.
교체하시겠습니까? 아니면 다시 로드()하시겠습니까?
별 차이 없는 것 같죠? 한번도 시도해본 적이 없습니다

교체(), reload()는 이 페이지를 다시 로드하는 것이며 교체()는 다른 URL로 연결될 수 있습니다

예를 들어보겠습니다.

이제 3개의 페이지(a.html, b.html, c.html)가 있습니다.
기본적으로 a.html 페이지가 열리며, a.html 페이지에 a.html 페이지로 링크가 연결됩니다.

이제 b.html 페이지에서 window.location.replace("c.html"); 및 window.location.href("c.html")를 사용하여 각각 c.html 페이지에 들어갑니다.

사용자 인터페이스와 차이는 없지만 이제 c.html 페이지에 "뒤로" 버튼이 있습니다.
window.location.href("c.html")를 사용하세요.

c.html 페이지 진입 시 window.history.go(-1);wondow.history.back()을 호출하고, c.html 페이지 진입 시 "뒤로" 버튼을 클릭하세요. .html 페이지,
그리고 window.location.replace("c.html")를 사용하여 c.html 페이지로 들어가면
c.html 페이지에서 window.history.go(-1);wondow.history.back(); 메소드를 호출하는 것은 사용하기 쉽지 않으며 a.html로 돌아갑니다.

window.location.replace("c.html");는 서버에 요청을 보내지 않고 점프하지만, window.history.go(-1);wondow.history.back(); 서버 기록 요청은 이동할 페이지를 결정하므로 시스템 기본 페이지인 a.html로 이동합니다.

window.location.href("c.html");는 서버에 요청을 보내는 점프이며, window.history.go(-1);wondow.history.back(); 서버에 의해 기록된 요청 b.html로 돌아갈 수 있도록 이동할 페이지를 결정합니다.

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.