반응형
버튼을 사용하여 페이지를 다른 페이지로 리디렉션하려면 어떻게 해야 합니까?
다음을 시도하고 있습니다.
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
작동하는 것 같은데 "/home?" 페이지로 이동합니다.
양식 안에 있는 버튼을 만들어 페이지를 새 위치로 이동시키는 더 좋은 방법이 있나요?
추가만 하면 됩니다.onclick에 대한 이벤트button:
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
하지만 그렇게 인라인으로 하면 안 됩니다. 대신 JS 블록에 넣어서button아이디:
<button id="myButton" class="float-left submit-button" >Home</button>
<script type="text/javascript">
document.getElementById("myButton").onclick = function () {
location.href = "www.yoursite.com";
};
</script>
해라
<button onclick="window.location.href='b.php'">Click me</button>
사용방법:
<button onclick="window.location='page_name.php';" value="click here" />
기본적으로 javascript 스니펫을 사용하여 리다이렉트하고 버튼을 클릭하여 이벤트를 트리거합니다.
또 다른 변형:
<body>
<button name="redirect" onClick="redirect()">
<script type="text/javascript">
function redirect()
{
var url = "http://www.(url).com";
window.location(url);
}
</script>
다음과 같이 할 수 있습니다.
<button onclick="location.href='page'">
버튼을 클릭하면 폼의 액션 속성을 변경할 수 있습니다.
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>
언급URL : https://stackoverflow.com/questions/16562577/how-can-i-make-a-button-redirect-my-page-to-another-page
반응형
'programing' 카테고리의 다른 글
| Python을 사용하여 Selenium에서 드롭다운 메뉴 값을 선택하는 방법은 무엇입니까? (0) | 2022.10.19 |
|---|---|
| 사전에서 반복하는 동안 사전에서 항목을 삭제하려면 어떻게 해야 합니까? (0) | 2022.10.19 |
| cygwin에서 mysql에 연결 (0) | 2022.10.19 |
| 도커 MariaDB/Mysql 덤프 (0) | 2022.10.19 |
| MySQL의 연산자 <=>는 무엇입니까? (0) | 2022.10.19 |