일반적으로 페이지 이동은 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 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 self.location='http://www.souvc.com/'; top.location='http:// www.souvc.com/'; window.navigate("top.jsp"); |
위 내용은 일반적으로 사용되는 js 페이지 점프 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
