将js数组中的数据显示到html超链接标签上,并能传递参数到超链接对应的函数中
时间: 2024-03-18 09:44:54 浏览: 143
好的,我可以为您提供一些参考代码:
```html
<div id="myLinks"></div>
```
```javascript
const myArray = [
{ name: "Link 1", url: "http://example.com/link1", param: "param1" },
{ name: "Link 2", url: "http://example.com/link2", param: "param2" },
{ name: "Link 3", url: "http://example.com/link3", param: "param3" }
];
const myLinks = document.getElementById("myLinks");
for(let i = 0; i < myArray.length; i++) {
let a = document.createElement("a");
a.href = myArray[i].url;
a.innerHTML = myArray[i].name;
a.addEventListener("click", function(event) {
event.preventDefault();
myFunction(myArray[i].param);
});
myLinks.appendChild(a);
}
function myFunction(param) {
console.log("Clicked with parameter: " + param);
// 这里可以根据参数执行相应的操作
}
```
这段代码将会在 `myLinks` 容器中创建超链接,并且当用户点击超链接时,会调用 `myFunction` 函数,并且将对应的参数传递给它。您可以在 `myFunction` 中根据参数执行相应的操作。
阅读全文