如何创建函数的href链接

Question

我想创建发送到函数的链接：

tdLink2.innerText="Delete";
tdLink2.href="javascript:deleteDepartment(id)"

但是"；id"；参数未发送。如何插入参数？

Answer 1

ID未在字符串中解析

EITHER(如果ID是字符串，请不要忘记额外的引号

tdLink2.href="javascript:deleteDepartment('"+id+"')" 

具有模板文字的备选方案

tdLink2.href=`javascript:deleteDepartment('${id}')`; 

我个人会让DELETE远离a href

这是更好的

tdLink2.href="#"
tdLink2.addEventListener("click",function(e){
e.preventDefault(); /stop the link
deleteDepartment(id); // id is some global variable
})

更好的是做

tdLink2.href="#";
td.dataset.id = id; // assign to a data attribute
tdLink2.addEventListener("click",function(e){
e.preventDefault(); // stop the link
deleteDepartment(this.dataset.id); // pass the data attribute
})

Answer 2

如果id已经是一个定义的变量，那么您可以这样做：

tdLink2.href=`javascript:deleteDepartment(${id})`

如果它是字符串类型，则可以执行此操作。

否则你可以选择这个：

function f(){
deleteDepartment(id)
}
tdLink2.href='javascript:f()'

Answer 3

只需将函数结果分配给属性

tdLink2.href = deleteDepartment(id);