内联JavaScript onclick函数

时间:2014-02-24 23:49:44

标签: javascript onclick

有没有办法像这样编写以下内联代码?

<a href="#" onClick="function(){
    //do something;
    return false;
};return false;"></a>

而不是这样做:

 <a href="#" onClick="doSomething(); return false;"></a>

 function doSomething(){
    //do something;
 }

5 个答案:

答案 0 :(得分:31)

您可以使用自执行匿名函数。这段代码可行:

<a href="#" onClick="(function(){
    alert('Hey i am calling');
    return false;
})();return false;">click here</a>

请参阅JSfiddle

答案 1 :(得分:15)

这应该有效

 <a href="#" onclick="function hi(){alert('Hi!')};hi()">click</a>

您可以在onclick中内联任何javascript,就像您通过javascript分配方法一样。我认为只是让代码更清晰,将你的js保存在脚本块中

答案 2 :(得分:3)

这不是真的值得推荐的,但你可以这样全部内联:

<a href="#" onClick="function test(){ /* Do something */  } test(); return false;"></a>

但我无法想到任何情况,这比在其他地方编写函数并调用它onClick要好。

答案 3 :(得分:3)

基于@Mukund Kumar 给出的答案,这里有一个将事件参数传递给匿名函数的版本:

<a href="#" onClick="(function(e){
    console.log(e);
    alert('Hey i am calling');
    return false;
})(arguments[0]);return false;">click here</a>

答案 4 :(得分:0)

df = df.unstack().stack(dropna=False)
print (df)
               Aantal  getal
letter cijfer               
a      1          2.0   11.0
       2          1.0    7.0
b      1          NaN    NaN
       2          2.0    8.0