>웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 페이지 점프를 구현하는 방법

자바스크립트에서 페이지 점프를 구현하는 방법

青灯夜游
青灯夜游원래의
2021-04-07 16:18:2756365검색

js 페이지 이동 방법: 1. "location.href="URL""을 사용합니다. 2. "location.replace("URL")"를 사용합니다. 3. "location.sign("URL")"을 사용합니다. "window.open("URL")"을 사용하세요.

자바스크립트에서 페이지 점프를 구현하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

페이지 이동을 구현하는 Javascript 방법:

1. 다른 웹 페이지로 이동하려면 location.href 속성을 사용하세요.

구문: ​​

location.href="URL";

예:

<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.href</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
           window.location.href="https://www.php.cn"; 
         } 
      </script> 
   </body> 
</html>

2. () 메서드를 사용하여 다른 웹 페이지로 이동

구문:

location.replace("URL");

예:

<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.replace()</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
          location.replace("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

[권장 학습: javascript 고급 튜토리얼]

3 다른 웹으로 이동하려면 location.sign() 메서드를 사용하세요. 페이지

문법:

location.assign("URL")

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.assign()</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
          location.assign("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

4. window.open() 메서드를 사용하여 다른 웹 페이지로 이동합니다.

문법:

window.open("URL");

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>window.open()</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
          window.open("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

더 많은 프로그래밍 관련 지식을 보려면, 방문해주세요: 프로그래밍 비디오 ! !

위 내용은 자바스크립트에서 페이지 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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