Javascript 페이지 jump_javascript 기술의 일반적인 구현 방법 요약
- WBOY원래의
- 2016-05-16 15:29:161275검색
이 기사의 예에는 Javascript 페이지 점프의 일반적인 구현 방법이 요약되어 있습니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
개요
많은 웹 개발자들이 웹 프로그램을 개발할 때 페이지 사이를 이동하는 방법은 많지만 효과적인 점프는 절반의 노력으로 두 배의 결과를 얻을 수 있다는 것을 알고 있다고 믿습니다. 다음은 제가 일상적인 개발 과정에서 사용하는 것입니다. 몇 가지 JavaScript 점프 방법을 공유해 보세요.
첫 번째 유형: 직접 점프하고 매개변수 추가
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.