嘿伙計們,我正在嘗試用 javascript 撰寫一個按鈕,我在單擊按鈕時呼叫了一個按鈕,但它似乎不起作用。任何幫助都會很棒。謝謝(這是我第一次問問題,如果我的格式不正確,請原諒。)
// HTML
<div>
<button onclick = "page" > Test button </button>
< /div>
// Javascript
function page () {
<input type="button" onclick="location.href='https://google.com';"
value="Go to Google" />
}
uj5u.com熱心網友回復:
首先你必須呼叫函式onclick = "page()"
function page () {
location.href = "https://google.com";
}
<div>
<button onclick="page()">Click Me</button>
</div>
uj5u.com熱心網友回復:
如果您不想使用反應,您可以只使用 html 來執行此操作
<button onclick="window.location.replace('https://www.google.com')">
Click Me
</button>
uj5u.com熱心網友回復:
您需要 React 以(或多或少)您撰寫它的方式在 JavaScript 中包含 HTML
也不建議使用行內事件處理(onclick 等)
你可能是說
window.addEventListener('DOMContentLoaded', function() { // when elements on page are available
document.getElementById('page').addEventListener('click', function() { // when button clicked
location.href = "https://google.com";
});
});
<div>
<button id="page" type="button">Go to Google</button>
</div>
uj5u.com熱心網友回復:
你不能只在普通的 JavaScript 函式中使用純 HTML。
使用純 JS,您可以將 DOM 元素 Object 分配給變數并添加一個事件偵聽器,該事件偵聽器將觸發您在單擊時創建的函式:
const btn = document.querySelector("button");
function redirectToGoogle () {
window.location.replace('https://www.google.com')
}
btn.addEventListener('click', redirectToGoogle);
uj5u.com熱心網友回復:
回答
- 在 HTML 檔案中,您沒有在按鈕 onclick 事件上呼叫頁面函式。
- 在 JavaScript 檔案中,location.href 用于在您位于同一頁面時定位到另一個頁面。
function page() {
location.href = "https://www.google.com/" ;
}
<button onclick = "page()" >Test button</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/429543.html
標籤:javascript html
