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
'Program Tip' 카테고리의 다른 글
Python의 비공개 멤버 (0) | 2020.11.30 |
---|---|
Spring-POST 후 리디렉션 (유효성 검사 오류 포함) (0) | 2020.11.30 |
C # 5.0의 async-await 기능은 TPL과 어떻게 다릅니 까? (0) | 2020.11.30 |
Mac에서 PATH 변수 편집 (0) | 2020.11.29 |
레일의 파일 다운로드 링크 (0) | 2020.11.29 |