집 > 기사 > 웹 프론트엔드 > Javascript 페이지 jump_javascript 기술의 일반적인 구현 방법 요약

Javascript 페이지 jump_javascript 기술의 일반적인 구현 방법 요약

WBOY원래의: 2016-05-16 15:29:161262검색

이 기사의 예에는 Javascript 페이지 점프의 일반적인 구현 방법이 요약되어 있습니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

개요

많은 웹 개발자들이 웹 프로그램을 개발할 때 페이지 사이를 이동하는 방법은 많지만 효과적인 점프는 절반의 노력으로 두 배의 결과를 얻을 수 있다는 것을 알고 있다고 믿습니다. 다음은 제가 일상적인 개발 과정에서 사용하는 것입니다. 몇 가지 JavaScript 점프 방법을 공유해 보세요.

첫 번째 유형: 직접 점프하고 매개변수 추가

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

매개변수 없이 직접 점프:

코드 복사 코드는 다음과 같습니다.

3f1c4e4b6b16bbbd69b2ee476dc4f83awindow.location.href='http:// www.baidu.com';2cacc6d41bbb37262a98f745aa00fbf0

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

<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='top.htm';
</script>

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

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

여섯 번째 유형: 버튼 유형 버튼 버튼에 이벤트 점프를 추가합니다.

코드 복사 코드는 다음과 같습니다.

9ae4068901fdf7563c4d0b4bcdb5709f

유형 7: 새 창에서 열기:

코드 복사 코드는 다음과 같습니다.

b4cf42383c328cdccca412066c744a33새 창 열기5db79b134e9f6b82c0b36e0489ee08ed

적용 예:

<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>

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

성명：

이전 기사：jQuery는 이미지 사전 로딩 effect_jquery를 달성합니다.다음 기사：jQuery는 이미지 사전 로딩 effect_jquery를 달성합니다.

Javascript 페이지 jump_javascript 기술의 일반적인 구현 방법 요약

관련 기사