hrefを使用してパラメータ付きのjavascript関数を呼び出す

Question

hrefからjavascript関数を呼び出そうとしています。関数にはeval関数によって取り出されるパラメータがあります。しかし、何らかのエラーが発生します。

スクリプト：

function rate(id) { 

      // do something 
     } 

関数を呼び出しますタグ：

<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> 

あなたが生産<%#Eval("ID")%>のケースを処理する必要があるが、あなたのためにそれを行う必要があります一重引用符で囲まれたもの

レッスン：

私はjavascriptの擬似プロトコル（javascript:）が現存しないと不適切であるので、あなたがこのようにそれをやってはならないと言います。最悪の場合は、onclickを使用してfalseを返します。理想的には、イベントをプログラマチックに割り当て、イベントオブジェクトのデフォルトアクションを防止することができます。

Answer 2

それだけの数に置き換えられますので、あなたは、" + + "を使用しないでください。

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

Answer 3

なぜそれをhrefと呼びますか？ボタンを作ってリンクのようにスタイルを変えることができます。それははるかに簡単になるでしょう

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

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

Answer 4

私はeval（）の使用を全く必要としません。このような引用符で囲まれたコードは、トップレベルのスコープで評価されます。

var ID = 3; 

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

あなたが見ることができます：

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

と、このコード：あなたはレートとIDの両方がそのトップレベルのスコープで定義されていることを確認した場合、それは、このHTMLとはeval（）なしで動作しますそれはここで働く：http://jsfiddle.net/jfriend00/bqqpM/。評価なしでこの作業を行うには、トップレベルのスコープでIDとレートの両方を使用できることを確認するだけです。