일반적으로 사용되는 js 페이지 점프 코드-JS 튜토리얼-php.cn

일반적으로 사용되는 js 페이지 점프 코드

小云云

풀어 주다： 2018-03-28 17:11:53

원래의

1925명이 탐색했습니다.

일반적으로 페이지 이동은 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=&#39;http://www.souvc.com/&#39;">
<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: 기타 개체

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");

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!