Program Tip

JavaScript는 버튼 클릭시 페이지를로드합니다.

programtip 2020. 11. 30. 19:45
반응형

JavaScript는 버튼 클릭시 페이지를로드합니다.


여기에서 매우 간단한 작업을 수행하려고합니다. 페이지의 버튼을 클릭하여 다른 페이지로 이동할 수 있기를 바랍니다. 나는 window.location.href와 다른 많은 것들을 시도했지만 아무것도하지 않습니다. 나는 다른 플랫폼과 다른 브라우저를 시도했지만 모두 동일한 결과를 얻었습니다.

함수를 호출 할 수 있다는 것을 알고 있지만 새 페이지를로드 할 수 없습니다. 또한 이것은 모두 내 로컬 파일 시스템에 있으며 두 페이지 모두 동일한 수준에 있습니다 (그러나 www.apple.com과 같은 외부 페이지도로드하려고 시도했습니다).

이견있는 사람?

감사합니다 패트릭


페이지를 리디렉션하는 간단한 코드

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick="window.location.href = 'http://www.google.com'" />

<a> 요소로 충분한 양식 요소를 남용하지 마십시오.

<style>
    /* or put this in your stylesheet */

    .button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #000;
        background: #eee;
    }

</style>

<!-- instead of abusing a button or input element -->
<a href="url" class="button">text</a>

다만 window.location = "http://wherever.you.wanna.go.com/", 또는 로컬 링크, window.location = "my_relative_link.html".

주소 표시 줄에 입력하여 시도해 볼 수도 있습니다 (예 : javascript: window.location = "http://www.google.com/".

또한 URL ( http://) 의 프로토콜 부분은 절대 링크의 경우 선택 사항이 아닙니다. 생략하면 자바 스크립트가 상대 링크로 간주됩니다.


여기의 답변은 동일한 브라우저 창 / 탭에서 페이지를 여는 데 사용됩니다.

그러나 버튼을 클릭하면 페이지가 새 창 / 탭에서 열리기를 원했습니다. (탭 / 창 결정은 사용자의 브라우저 설정에 따라 다릅니다)

새 탭 / 창에서 페이지여는 방법은 다음과 같습니다.

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button>

버튼 일 필요는 없으며 어디에서나 사용할 수 있습니다. 통지 _blank 새 탭 / 창에서 열립니다하는 데 사용됩니다.

참고 URL : https://stackoverflow.com/questions/3682805/javascript-load-a-page-on-button-click

반응형