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

青灯夜游
풀어 주다: 2023-01-04 09:34:48
원래의
56299명이 탐색했습니다.

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="//m.sbmmt.com"; 
         } 
      </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("//m.sbmmt.com"); 
         } 
      </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("//m.sbmmt.com"); 
         } 
      </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("//m.sbmmt.com"); 
         } 
      </script> 
   </body> 
</html>
로그인 후 복사

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

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

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