使用 href 调用带参数的 javascript 函数

Question

我正在尝试从 href 调用 javascript 函数。该函数有一个参数，该参数将由 eval 函数检索。但出现一些错误。

script：

function rate(id) {

            // do something
        }

将调用函数的 a 标签：

<a href="javascript:rate(" + <%#Eval("ID")%> + ")" >rate</a>

我缺少什么？

Answer 1

您不应该这样做，但您当前遇到的问题可能是您的引用/连接。

如果 <%#Eval("ID")%> 只是生成一个 INT，那么这应该可以工作：

<a href="javascript:rate( <%#Eval("ID")%> )" >rate</a>

如果它是一个字符串，

<a href="javascript:rate( '<%#Eval("ID")%>' )" >rate</a>

应该为您执行此操作，尽管您需要处理 < 的情况code><%#Eval("ID")%> 生成任何带有单引号的内容。

教训：

我说你不​​应该这样做，因为 javascript 伪协议 (javascript:) 已经失效并且不正确。最坏的情况下，您应该使用返回 false 的 onclick 。理想情况下，您将以编程方式分配事件并阻止事件对象的默认操作。

Answer 2

我认为根本没有必要使用 eval() 。像这样的引号中的代码是在顶级范围内评估的。如果您确保在该顶级范围内定义了速率和 ID，那么它将在没有 eval() 的情况下使用此 HTML:

<a href="#" onclick="rate(ID);">rate</a>

和此代码：

var ID = 3;

function rate(id) {
    alert(id);
    return(false);
}

您可以在此处看到它的工作原理： http://jsfiddle.net/jfriend00/bqqpM/。在没有 eval 的情况下完成这项工作的技巧只是确保 ID 和速率在顶级范围内都可用。

Answer 3

您不应该使用 " + + "，因为它只会被替换为数字：

<a href="javascript:rate(<%#Eval("ID")%>)">rate</a>

Answer 4

为什么将其称为 href？您只需制作一个按钮并将其样式设置为链接即可。那会容易很多

<button id = "myButton" onclick = "rate(<%#Eval("ID")%>)" >rate</button>

#myButton
{
  border: none;
  padding: none;
  background-color: transparent;
}