일반적으로 페이지 이동은 a 태그를 통해 수행할 수 있지만, 페이지에 버튼이나 다른 태그만 있는 경우도 있습니다. 이 경우 페이지 이동을 수행하려면 다른 방법을 사용해야 합니다. 이 기사에서는 일반적으로 사용되는 js 페이지 점프 코드를 주로 공유하여 모든 사람에게 도움이 되기를 바랍니다.
해결책:
방법 1: 위치 객체
테스트 소스 코드:
<html> <head> <script type="text/javascript"> //assign() 方法可加载一个新的文档。 function newDoc(){ window.location.assign("http://www.souvc.com/"); } //reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。 function reloadPage(){ window.location.reload(); } //replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。 function replaceDoc(){ window.location.replace("http://www.souvc.com"); } function locationHref(){ window.location.href("http://www.w3school.com.cn/"); } </script> </head> <body> <input type="button" value="跳转页面(直接在按钮上加方法)" onClick="location.href='http://www.souvc.com/'"> <br/> <input type="button" value="跳转页面(加载一个新的文档)" onclick="newDoc()" /> <br/> <input type="button" value="重新加载页面" onclick="reloadPage()" /> <br/> <input type="button" value="Replace document" onclick="replaceDoc()" /> <input type="button" value="location href" onclick="locationHref()" /> </body> </html>
방법 2: 기록 개체
방법 3: 기타 개체
2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
href= "javascript:history.go(-1)">이전 단계로 돌아가기 href="javascript:" onClick ="window.open ('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc a> self.location='http://www.souvc.com/'; top.location='http:// www.souvc.com/'; window.navigate("top.jsp"); |
2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
href= "javascript:history.go(-1)">이전 단계로 돌아가기 href="javascript:" onClick ="window.open ('http://www.souvc.com/','','height=500,width=611,scrollbars=yes,status=yes')">souvc a> self.location='http://www.souvc.com/'; top.location='http:// www.souvc.com/'; window.navigate("top.jsp"); |
위 내용은 일반적으로 사용되는 js 페이지 점프 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!