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

자바스크립트에서 페이지 점프를 구현하는 방법으로는 직접 점프, onclick 기능을 통한 버튼 점프, 새 창을 여는 window.open 함수, 새 창을 열지 여부를 확인하는 확인 방법 등이 있습니다

저희는 개발 중입니다. 프로세스를 진행하다 보면 항상 다양한 페이지 점프를 접하게 되며, 점프 방법에 따라 다양한 경험을 얻게 됩니다. 오늘은 JavaScript의 몇 가지 페이지 이동 방법을 공유하겠습니다. 모든 사람에게 도움이 되기를 바랍니다.

【추천 과정: JavaScript Tutorial】

방법 1: 스타일로 바로 이동

<script>window.location.href=&#39;http://www.php.cn&#39;;</script>

방법 2: 페이지로 이동 버튼을 클릭하시면

<input type="button" value="点击" onclick="location.href=&#39;http://www.php.cn/&#39;">

버튼에 onclick 이벤트를 추가합니다. 하지만 클릭하면 미리 설정된 링크 주소로 이동합니다

방법 3: 이 페이지에서 직접 새 창 열기

<a href="javascript:" onClick="window.open(&#39;http://www.php.cn/&#39;,&#39;&#39;,&#39;height=200,width=300,scrollbars=yes&#39;) 
PHP中文网</a>

window.open() 함수를 통해 이 페이지에서 새 창을 열 수 있습니다. 스크롤바는 다음과 같습니다. 스크롤 막대를 설정하는 데 사용됨

방법 4: 페이지는 새 페이지로 이동하기 전에 5초 동안 유지됩니다.

<script type="text/javascript">
　　function demo(){
　　window.location.href ="http://www.php.cn";
　　}
　　setTimeout(demo,5000);
　　</script>
<a onclick="demo()">PHP中文网</a>

setTimeout 메서드는 함수를 호출하거나 지정된 횟수 이후의 표현식을 계산하는 데 사용됩니다. 이 예에서는 5초 후에 페이지가 이동하도록 시간 매개변수를 설정합니다

방법 5: 페이지 팝업 확인 상자를 사용하여 새 페이지로 이동할지 여부를 선택합니다

<script type="text/javascript">
　　function demo(){
  if(confirm("你确定要跳转到新的页面吗")){
    window.location.href ="http://www.php.cn";
　　
　　}
}
　　</script>
<a onclick="demo()">PHP中文网</a>

렌더링 :

확인 방법은 지정된 메시지와 확인 및 취소 버튼이 있는 대화 상자를 표시하는 데 사용됩니다. 확인을 선택하면 새 페이지로 이동하지 않습니다.

이 기사 참조 기사:

https://www.html.cn/doc/javascript/timing/

https://www.html.cn/doc/javascript/window-location /

요약: 이것이 기사의 전체 내용입니다. 이 기사를 통해 모든 사람이 JavaScript를 사용하여 다양한 페이지 점프 방법을 구현하는 방법을 배울 수 있기를 바랍니다

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