javascript - 我正在尝试使用带有 html 和 js 的不同按钮在同一变量上传递不同的链接

标签 javascript html css

对于我的新元素,我试图在变量中传递一个链接。我有按钮(多个按钮比方说 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"

最佳答案

您可以将链接放入按钮的数据属性中。

并通过循环按钮添加每个点击监听器。

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>

关于javascript - 我正在尝试使用带有 html 和 js 的不同按钮在同一变量上传递不同的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70407417/

相关文章:

javascript - Jquery获取实例并将其写入输入字段

javascript - SVG tspan 的定位和样式?

javascript - Magento:bundle.js 中捆绑产品的 'Bug' 的等级定价 "Price as Configured"

html - 将按钮扩展到 div 的长度

html - 删除 Shopify 中 Google 表单下方的大空白区域(无 Bootstrap )

javascript - 无法使 if else jquery 语句工作

javascript - 将变量值指定为变量名

javascript - 如何将广告集成到混合应用程序中

html - :before and :after elements on an img element

html - DIV 向左浮动而不是停留在表格的中央