>  기사  >  웹 프론트엔드  >  일반적으로 사용되는 js 페이지 점프 코드

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

小云云
小云云원래의
2018-03-28 17:11:531926검색

일반적으로 페이지 이동은 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: 기타 개체

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.