> 웹 프론트엔드 > JS 튜토리얼 > js에서 한 페이지에서 새 페이지로 이동하는 방법은 무엇입니까?

js에서 한 페이지에서 새 페이지로 이동하는 방법은 무엇입니까?

藏色散人
풀어 주다: 2018-08-15 11:24:56
원래의
3397명이 탐색했습니다.

이 글에서는 JS 페이지 새 페이지로 이동을 구현하는 방법과 관련된 문제를 주로 소개합니다. 실제로 js 점프는 일반적으로 광고 점프 및 링크 효과에 사용됩니다. 그래서 먼저 js 페이지 점프의 핵심 개념, 즉 브라우저 개체 창 위치(url)의 변경이 무엇인지부터 이해해야 합니다.

다음은 지정된 페이지로 이동하는 여러 js 메소드에 대한 요약입니다.

1. 원본 형식으로 직접 이동

<script type="text/javascript">
  window.location.href="你所要跳转的页面";
  </script>
로그인 후 복사

2. 새 창에서 새 페이지 열기

<script type="text/javascript">
  window.open(&#39;你所要跳转的页面&#39;);
  </script>
로그인 후 복사

3. 지정된 페이지로 이동합니다.

<script language="javascript" type="text/javascript">
  window.location.href="login.jsp?backurl="+window.location.href;
  </script>
로그인 후 복사

4. html 페이지

<script language="JavaScript"> 
  self.location=’demo.html’; 
  </script>
로그인 후 복사

5. 판단 점프 추가

<script language="javascript"> 
alert("非法访问!"); 
top.location=&#39;xx.jsp&#39;; 
</script>
로그인 후 복사

6. 페이지로 이동하는 버튼

<button onclick="window.location.href=&#39;xxx.html&#39;">点击跳转</button>
로그인 후 복사

위는 js에서 페이지로 이동하는 방법에 대한 요약입니다. 특정 참조 가치가 있으므로 도움이 필요한 친구에게 도움이 되기를 바랍니다.

참고: Location 개체는 Window 개체의 Location 속성에 저장되며 현재 해당 창에 표시되는 문서의 웹 주소를 나타냅니다. href 속성은 문서의 완전성을 저장합니다. URL 및 기타 속성은 각각 URL의 다양한 부분을 설명합니다. 이러한 속성은 Anchor 개체(또는 Area 개체)의 URL 속성과 매우 유사합니다. 언제 Location 객체는 문자열로 변환되고 href 속성의 값이 반환됩니다. 즉, location.href 대신 location 표현식을 사용할 수 있습니다.


위 내용은 js에서 한 페이지에서 새 페이지로 이동하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿