對于我的新專案,我試圖在變數中傳遞鏈接。我有按鈕(多個按鈕,比如說 50 個按鈕)。所以它必須做的是在按鈕 1 單擊它應該傳遞給 var link = button1link.html 并且在按鈕 2 單擊它應該傳遞一個變數給 var link = button2link.html。為每個按鈕制作一個特定的功能是一個相當長的程序,所以簡而言之,一個特定的按鈕點擊應該將一個特定的鏈接傳遞給 var link 。請幫我解決這個問題。感謝:D
<button id="button1" onclick= "seturl();">click here </button>
var link = "linkOfButton1.html"
uj5u.com熱心網友回復:
將 venet 傳遞給您的 seturl(),然后您就可以建立鏈接。
function seturl(e) {
const id = e.target.getAttribute('id');
const name = id[0].toUpperCase() id.slice(1);
let link = "linkOf" name ".html";
alert(link);
}
<button id="button1" onclick= "seturl(event);">click here 1</button>
<button id="button2" onclick= "seturl(event);">click here 2</button>
uj5u.com熱心網友回復:
使用回圈來設定鏈接,location.href將用戶轉發到特定頁面并創建按鈕(如果它們應該是動態的)。
const links = ['https://example.com', 'https://google.com', 'https://stackoverflow.com'];
for (let link of links) {
const button = document.createElement('button');
button.innerText = 'Click here';
document.body.append(button);
button.addEventListener('click', () => {
window.location.href = link;
});
}
uj5u.com熱心網友回復:
您可以將鏈接放入按鈕的資料屬性中。
并通過回圈按鈕添加每個點擊偵聽器。
let link
Array.from(document.querySelectorAll('button')).forEach(btn => {
btn.addEventListener('click', () => {
link = btn.dataset.link
console.log(link)
})
})
<button data-link="button1link.html">button1</button>
<button data-link="button2link.html">button2</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/385324.html
標籤:javascript html css
上一篇:我的體寬這么高,我不知道為什么?
